diff --git a/Graphite-Dark/LICENSE.txt b/Graphite-Dark/LICENSE.txt deleted file mode 100644 index e62ec04cd..000000000 --- a/Graphite-Dark/LICENSE.txt +++ /dev/null @@ -1,674 +0,0 @@ -GNU GENERAL PUBLIC LICENSE - Version 3, 29 June 2007 - - Copyright (C) 2007 Free Software Foundation, Inc. - 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. - - - Copyright (C) - - 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 . - -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: - - Copyright (C) - 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 -. - - 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 -. diff --git a/Graphite-Dark/README.md b/Graphite-Dark/README.md deleted file mode 100644 index 40d0e8dc7..000000000 --- a/Graphite-Dark/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## Graphite-Dark - -Version: _2023.12.29_ - -Theme supports gtk2, gtk3, gtk4, and cinnamon. - -I have uploaded this theme here for convenience only. All credit goes to the original author(s). See [https://github.com/vinceliuice/Graphite-gtk-theme](https://github.com/vinceliuice/Graphite-gtk-theme) for more information. - -For theme and color variations see theme homepage linked above or visit theme page on [Pling.com](https://www.gnome-look.org/p/1598493) - -## Installation - -Most easily installed via Cinnamon's Themes module in Cinnamon settings. - -To allow the GTK2, GTK3, and GTK4 themes to apply to GUI apps running as root, run this command in your terminal after installation to create a symlink to the theme in the local system theme directory. - -`sudo mkdir -p /usr/local/share/themes; sudo ln -s ~/.themes/Graphite-Dark /usr/local/share/themes/` - -### Libadwaita - -To style libadwaita applications, you'll need to copy or create links of the contents of the folder (not the folder itself) `~/.themes/Graphite-Dark/gtk-4.0/` into the folder `~/.config/gtk-4.0/` You can do this using the following command in a terminal: - -`ln -sf ~/.themes/Graphite-Dark/gtk-4.0/* ~/.config/gtk-4.0/` - -Note that this will overwrite any existing libadwaita theme you may have installed in `~/.config/gtk-4.0/` so you may want to first make a backup of any existing files and subdirectories you have in there if you want to keep them. If you want to return to using the default libadwaita theme, just delete the all the files and subdirectories in `~/.config/gtk-4.0/` diff --git a/Graphite-Dark/files/Graphite-Dark/LICENSE.txt b/Graphite-Dark/files/Graphite-Dark/LICENSE.txt deleted file mode 100644 index e62ec04cd..000000000 --- a/Graphite-Dark/files/Graphite-Dark/LICENSE.txt +++ /dev/null @@ -1,674 +0,0 @@ -GNU GENERAL PUBLIC LICENSE - Version 3, 29 June 2007 - - Copyright (C) 2007 Free Software Foundation, Inc. - 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. - - - Copyright (C) - - 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 . - -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: - - Copyright (C) - 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 -. - - 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 -. diff --git a/Graphite-Dark/files/Graphite-Dark/README.md b/Graphite-Dark/files/Graphite-Dark/README.md deleted file mode 100644 index 40d0e8dc7..000000000 --- a/Graphite-Dark/files/Graphite-Dark/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## Graphite-Dark - -Version: _2023.12.29_ - -Theme supports gtk2, gtk3, gtk4, and cinnamon. - -I have uploaded this theme here for convenience only. All credit goes to the original author(s). See [https://github.com/vinceliuice/Graphite-gtk-theme](https://github.com/vinceliuice/Graphite-gtk-theme) for more information. - -For theme and color variations see theme homepage linked above or visit theme page on [Pling.com](https://www.gnome-look.org/p/1598493) - -## Installation - -Most easily installed via Cinnamon's Themes module in Cinnamon settings. - -To allow the GTK2, GTK3, and GTK4 themes to apply to GUI apps running as root, run this command in your terminal after installation to create a symlink to the theme in the local system theme directory. - -`sudo mkdir -p /usr/local/share/themes; sudo ln -s ~/.themes/Graphite-Dark /usr/local/share/themes/` - -### Libadwaita - -To style libadwaita applications, you'll need to copy or create links of the contents of the folder (not the folder itself) `~/.themes/Graphite-Dark/gtk-4.0/` into the folder `~/.config/gtk-4.0/` You can do this using the following command in a terminal: - -`ln -sf ~/.themes/Graphite-Dark/gtk-4.0/* ~/.config/gtk-4.0/` - -Note that this will overwrite any existing libadwaita theme you may have installed in `~/.config/gtk-4.0/` so you may want to first make a backup of any existing files and subdirectories you have in there if you want to keep them. If you want to return to using the default libadwaita theme, just delete the all the files and subdirectories in `~/.config/gtk-4.0/` diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-active.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-active.svg deleted file mode 100644 index 4b742855e..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-hover.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-hover.svg deleted file mode 100644 index 8a1d3516b..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace-hover.svg +++ /dev/null @@ -1,112 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace.svg deleted file mode 100644 index 8dba5df9f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/add-workspace.svg +++ /dev/null @@ -1,113 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-left.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-left.svg deleted file mode 100644 index dcf8298b1..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-left.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-right.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-right.svg deleted file mode 100644 index ed66559d8..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/calendar-arrow-right.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-dark.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-dark.svg deleted file mode 100644 index 65c19018f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-off.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-off.svg deleted file mode 100644 index 110a32f88..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox-off.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox.svg deleted file mode 100644 index b3a73fa16..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/checkbox.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-active.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-active.svg deleted file mode 100644 index 0dde2b9d5..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-active.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-hover.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-hover.svg deleted file mode 100644 index 37f8806a0..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close-hover.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close.svg deleted file mode 100644 index 5dcc697b9..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/close.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/corner-ripple.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/corner-ripple.svg deleted file mode 100644 index 6440b6ca5..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-dark.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-dark.svg deleted file mode 100644 index 375c388ae..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-off.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-off.svg deleted file mode 100644 index 110a32f88..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton-off.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton.svg deleted file mode 100644 index 27a8ab486..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/radiobutton.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-off.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-off.svg deleted file mode 100644 index 2341bc5e0..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-off.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on-dark.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on-dark.svg deleted file mode 100644 index 23f9373e1..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on.svg deleted file mode 100644 index 510abf19a..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/toggle-on.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/trash-icon.svg b/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/trash-icon.svg deleted file mode 100644 index d78a123ee..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/assets/trash-icon.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/cinnamon.css b/Graphite-Dark/files/Graphite-Dark/cinnamon/cinnamon.css deleted file mode 100644 index 70a508688..000000000 --- a/Graphite-Dark/files/Graphite-Dark/cinnamon/cinnamon.css +++ /dev/null @@ -1,2169 +0,0 @@ -stage { - font-size: 9pt; - color: white; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 24px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - color: rgba(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.04); -} - -.sound-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - color: white; - background-color: rgba(255, 255, 255, 0.3); - border-radius: 6px; -} - -.sound-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.3); - border-radius: 6px; -} - -.sound-button:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.3); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.04); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E0E0E0; -} - -.modal-dialog-button-box .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 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: #E0E0E0; - selected-color: rgba(0, 0, 0, 0.87); - transition-duration: 300ms; - border-radius: 9999px; - color: white; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid #E0E0E0; -} - -#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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: #FDD633; - 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(44, 44, 44, 0.1); - border-radius: 9999px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 9999px; - background-color: gray; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #6b6b6b; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E0E0E0; -} - -.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(255, 255, 255, 0.12); - -slider-border-color: transparent; - -slider-active-background-color: #E0E0E0; - -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: .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: .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: #2196F3; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #51adf6; -} - -#Tooltip { - border-radius: 9999px; - padding: 6px 12px; - background-color: rgba(25, 25, 25, 0.9); - color: white; - margin: 6px; - 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); - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 3px; - color: white; - background-color: rgba(44, 44, 44, 0.95); - border-radius: 12px; - margin: 6px; - box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); - border: 2px solid #E0E0E0; -} - -.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: #E0E0E0; - 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: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 36px; - width: 42px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(242, 139, 130, 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: rgba(255, 255, 255, 0.7); - font-size: 1em; - padding: 0px; - background-color: rgba(33, 33, 33, 0.75); - 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: white; - background-color: rgba(255, 255, 255, 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: #E0E0E0; -} - -.panel-dummy { - background-color: rgba(242, 139, 130, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(242, 139, 130, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: rgba(255, 255, 255, 0.7); -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: rgba(255, 255, 255, 0.7); -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(25, 25, 25, 0.9); - border: 1px solid rgba(25, 25, 25, 0.9); - color: white; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -.window-caption#selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #E0E0E0; - spacing: 25px; -} - -.expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; -} - -.expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { - border: 1px solid #E0E0E0; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - font-style: italic; - transition-duration: 300; - selection-background-color: rgba(0, 0, 0, 0.87); - selected-color: #E0E0E0; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -.expo-workspace-thumbnail-frame#active { - border: 4px solid #E0E0E0; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #191919; -} - -.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: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #2C2C2C; - 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: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: white; - 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(255, 255, 255, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(255, 255, 255, 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: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: white; - 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(255, 255, 255, 0.7); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(255, 255, 255, 0.7); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: white; - 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: #E0E0E0; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(255, 255, 255, 0.7); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(255, 255, 255, 0.3); - font-weight: bold; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(44, 44, 44, 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(255, 255, 255, 0.05); - box-shadow: none; - margin: 0; -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(255, 255, 255, 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: white; -} - -.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: white; -} - -#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: white; -} - -.notification-button, .notification-icon-button { - padding: 6px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: white; - background-color: rgba(44, 44, 44, 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 #E0E0E0; -} - -.switcher-list .item-box:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - border: 0px solid #E0E0E0; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 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: white; -} - -.modal-dialog { - color: white; - background-color: rgba(18, 18, 18, 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(25, 25, 25, 0.9); - border-radius: 6px; - color: white; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: white; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #F28B82; -} - -.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: white; - selected-color: rgba(0, 0, 0, 0.87); - selection-background-color: #E0E0E0; - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; -} - -.run-dialog-entry:focus { - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid #E0E0E0; -} - -.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: #FDD633; -} - -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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 maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(25, 25, 25, 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.04); -} - -.keyboard-key:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.keyboard-key:active, .keyboard-key:checked { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.keyboard-key:grayed { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; -} - -.keyboard-subkeys { - color: white; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(25, 25, 25, 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(255, 255, 255, 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(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: #E0E0E0; - 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: white; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(255, 255, 255, 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: white; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: white; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: rgba(255, 255, 255, 0.7); - background-color: rgba(33, 33, 33, 0.75); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: rgba(255, 255, 255, 0.7); - border-radius: 0; - background-color: rgba(33, 33, 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: #E0E0E0; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E0E0E0; -} - -.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(242, 139, 130, 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(255, 255, 255, 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(255, 255, 255, 0.7); - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: rgba(255, 255, 255, 0.7); - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: rgba(255, 255, 255, 0.7); - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%); - border-color: #E0E0E0; - background-color: rgba(255, 255, 255, 0.2); -} - -.window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 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: #81C995; - background-gradient-end: #81C995; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #FDD633; - background-gradient-end: #FDD633; -} - -.window-list-preview { - padding: 12px; - spacing: 6px; - border: none; - background-color: #2C2C2C; - border-radius: 6px; - color: white; - 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(242, 139, 130, 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(255, 255, 255, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 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: #E0E0E0; -} - -.grouped-window-list-item-box { - font-weight: normal; - transition-duration: 100ms; - border: none; - margin: 0; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: rgba(255, 255, 255, 0.7); - background-gradient-direction: none; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: rgba(255, 255, 255, 0.7); - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.2); - border-color: #E0E0E0; -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #81C995; - background-gradient-end: #81C995; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #FDD633; - background-gradient-end: #FDD633; -} - -.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: .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: #E0E0E0; - 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: white; - text-shadow: none; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: white; - border-radius: 9999px; - border: none; - text-shadow: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -.sound-player-overlay StButton:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(255, 255, 255, 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: #1f1f1f; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E0E0E0; - -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(255, 255, 255, 0.7); - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E0E0E0; -} - -.workspace-button:hover { - color: #fafafa; -} - -/* 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 #E0E0E0; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(71, 71, 71, 0.75); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(71, 71, 71, 0.75); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(84, 84, 84, 0.75); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(46, 46, 46, 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(255, 255, 255, 0.1); -} - -.panel-launcher:active { - background-color: rgba(255, 255, 255, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 0; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.launcher:active { - background-color: rgba(255, 255, 255, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 3px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 6px; - color: rgba(255, 255, 255, 0.7); - text-shadow: none; - transition-duration: 100ms; - border-radius: 0; -} - -.applet-box.vertical { - padding: 6px 0; -} - -.applet-box:hover { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(242, 139, 130, 0.5); -} - -.applet-label { - font-weight: bold; - color: rgba(255, 255, 255, 0.7); -} - -.applet-box:checked .applet-label { - color: rgba(0, 0, 0, 0.87); - text-shadow: none; -} - -.applet-icon { - color: rgba(255, 255, 255, 0.7); - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: rgba(255, 255, 255, 0.7); - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: white; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: white; -} - -.desklet:highlight { - background-color: rgba(242, 139, 130, 0.5); -} - -.desklet-with-borders { - color: white; - background-color: rgba(25, 25, 25, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(242, 139, 130, 0.5); -} - -.desklet-with-borders-and-header { - color: white; - background-color: rgba(25, 25, 25, 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(242, 139, 130, 0.5); -} - -.desklet-header { - color: white; - background-color: rgba(25, 25, 25, 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 #E0E0E0; - background-color: rgba(224, 224, 224, 0.3); -} - -.photoframe-box { - color: white; - background-color: rgba(25, 25, 25, 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: .5em 1em; -} - -.notification-applet-container { - max-height: 9999px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(224, 224, 224, 0.3); - border: 1px solid #E0E0E0; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/Graphite-Dark/files/Graphite-Dark/cinnamon/thumbnail.png b/Graphite-Dark/files/Graphite-Dark/cinnamon/thumbnail.png deleted file mode 100644 index e6d913b43..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/cinnamon/thumbnail.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg deleted file mode 100644 index ec8b4783d..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg deleted file mode 100644 index 6fc5556fb..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-today.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-today.svg deleted file mode 100644 index 5e77084c7..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/calendar-today.svg +++ /dev/null @@ -1,178 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg deleted file mode 100644 index 5bc9d3e3b..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-off.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-off.svg deleted file mode 100644 index 0c5e5a0a8..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox-off.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox.svg deleted file mode 100644 index 63c390c56..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/checkbox.svg +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg deleted file mode 100644 index 172156ae8..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-events.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-events.svg deleted file mode 100644 index 239177d1b..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-events.svg +++ /dev/null @@ -1,82 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-notifications.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-notifications.svg deleted file mode 100644 index ae09f92c0..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/no-notifications.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/noise-texture.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/noise-texture.svg deleted file mode 100644 index 484f6c874..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/noise-texture.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/process-working.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/process-working.svg deleted file mode 100644 index eedadce9f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/process-working.svg +++ /dev/null @@ -1,308 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg deleted file mode 100644 index 2341bc5e0..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off.svg deleted file mode 100644 index 3acc14ac4..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-off.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg deleted file mode 100644 index 76106808f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on.svg deleted file mode 100644 index 4685294b5..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/assets/toggle-on.svg +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/gnome-shell.css b/Graphite-Dark/files/Graphite-Dark/gnome-shell/gnome-shell.css deleted file mode 100644 index 1c787a4ca..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/gnome-shell.css +++ /dev/null @@ -1,4261 +0,0 @@ -/* 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(255, 255, 255, 0.3); - box-shadow: 0 0 2px 2px white; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E0E0E0; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.magnifier-zoom-region { - border: 2px solid #E0E0E0; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -/* App Icons */ -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon { - color: rgba(255, 255, 255, 0.7); - 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(255, 255, 255, 0.12); - 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(255, 255, 255, 0.3); - box-shadow: none; -} - -.app-well-app.app-folder { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 15px; -} - -.app-well-app.app-folder .overview-icon { - background-color: transparent; - border-radius: 15px; -} - -.app-well-app.app-folder:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-well-app.app-folder:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.app-folder-dialog { - border-radius: 36px; - padding: 12px; - background-color: #212121; - box-shadow: none; - border: 2px solid #e0e0e0; -} - -.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: rgba(255, 255, 255, 0.7); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.06); - color: rgba(255, 255, 255, 0.7); - 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(255, 255, 255, 0.12); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: white; - 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(255, 255, 255, 0.3); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - width: 24px; - background-color: white !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: #212121; - color: white; - border-radius: 9999px; - icon-size: 48px; -} - -.shell-link { - border-radius: 6px; - color: #2196F3; -} - -.shell-link:hover { - color: #2196F3; - background-color: rgba(33, 150, 243, 0.15); -} - -.shell-link:active { - color: #2196F3; - background-color: rgba(33, 150, 243, 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: white; - background-color: #2C2C2C; - 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.35); - background-color: #2C2C2C; - box-shadow: none !important; -} - -.lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button { - color: white; - 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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: white; - 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(255, 255, 255, 0.35); - background-color: #212121; - 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: #e0e0e0; - 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(255, 255, 255, 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 0.12); - box-shadow: none; -} - -.popup-menu .message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: white; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.datemenu-today-button:active { - background-color: rgba(255, 255, 255, 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; - color: rgba(255, 255, 255, 0.7); -} - -.calendar .calendar-month-label { - padding: 6px 0; - color: rgba(255, 255, 255, 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: white; -} - -.calendar .pager-button:hover, .calendar .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.calendar .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.calendar .calendar-day, -.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(255, 255, 255, 0.7) !important; - border: none; - font-feature-settings: "tnum"; -} - -.calendar .calendar-day:hover, .calendar .calendar-day:focus, -.calendar .calendar-day-base:hover, -.calendar .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); - box-shadow: none !important; - outline: none !important; -} - -.calendar .calendar-day:active, .calendar .calendar-day:selected, -.calendar .calendar-day-base:active, -.calendar .calendar-day-base:selected { - color: white !important; - background-color: rgba(255, 255, 255, 0.3); - border-color: transparent !important; - box-shadow: none !important; - outline: none !important; -} - -.calendar .calendar-day.calendar-weekend, -.calendar .calendar-day-base.calendar-weekend { - color: rgba(255, 255, 255, 0.5) !important; -} - -.calendar .calendar-day.calendar-day-heading, -.calendar .calendar-day-base.calendar-day-heading { - margin-top: 1em; - color: rgba(255, 255, 255, 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: white; -} - -.calendar .calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.7) !important; - background-color: rgba(255, 255, 255, 0.06); - border: none; -} - -.calendar .calendar-today:hover, .calendar .calendar-today:focus { - background-color: rgba(255, 255, 255, 0.12); - color: white !important; -} - -.calendar .calendar-today:active { - background-color: lightgray; - color: rgba(0, 0, 0, 0.87) !important; -} - -.calendar .calendar-today:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87) !important; -} - -.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #f4f4f4; - color: rgba(0, 0, 0, 0.87) !important; -} - -.calendar .calendar-day-with-events { - color: rgba(255, 255, 255, 0.7); - background-image: url("assets/calendar-today.svg"); -} - -.calendar .calendar-day-with-events.calendar-work-day { - color: rgba(255, 255, 255, 0.7); - font-weight: bold; -} - -.calendar .calendar-other-month, -.calendar .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3) !important; - font-weight: normal; -} - -.calendar .calendar-other-month.calendar-weekend, -.calendar .calendar-other-month-day.calendar-weekend { - color: rgba(255, 255, 255, 0.3) !important; -} - -.calendar .calendar-week-number { - width: 26px; - height: 20px; - margin: 6px 2px !important; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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; - color: rgba(255, 255, 255, 0.7); -} - -.events-button .events-title { - font-weight: bold; - text-shadow: none; - color: rgba(255, 255, 255, 0.5); -} - -.events-button .event-time { - font-feature-settings: "tnum"; - font-size: 10pt; - color: rgba(255, 255, 255, 0.5); -} - -.world-clocks-button .world-clocks-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.world-clocks-button .world-clocks-header { - color: rgba(255, 255, 255, 0.5); -} - -.world-clocks-button .world-clocks-city { - font-weight: bold; - font-size: 11pt; - color: rgba(255, 255, 255, 0.7); -} - -.world-clocks-button .world-clocks-time { - font-feature-settings: "tnum"; - font-size: 11pt; - color: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.weather-button .weather-header.location { - font-weight: normal; - font-size: 10pt; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -/* Check Boxes */ -.check-box StBoxLayout { - spacing: .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(255, 255, 255, 0.12); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 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(224, 224, 224, 0.35); - box-shadow: 0 0 2px 2px white; - 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 { - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - border-radius: 9999px; - padding: 6px 12px; - box-shadow: none; - border: none; - text-align: center; - -y-offset: 12px; - -x-offset: 8px; -} - -/* Modal Dialogs */ -.candidate-popup-content, .modal-dialog { - background-color: #2C2C2C; - border-radius: 12px; - box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35); - margin: 15px; - border: 2px solid #E0E0E0; -} - -.modal-dialog-linked-button:last-child { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.modal-dialog-linked-button:hover:last-child { - color: rgba(0, 0, 0, 0.87); - background-color: #f7f7f7; -} - -.modal-dialog-linked-button:active:last-child { - color: rgba(0, 0, 0, 0.87); - background-color: lightgray; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(224, 224, 224, 0.05); - color: rgba(224, 224, 224, 0.35); -} - -.headline { - font-size: 12pt; -} - -.modal-dialog { - color: rgba(255, 255, 255, 0.7); - 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(255, 255, 255, 0.04); -} - -.modal-dialog-linked-button:first-child:focus { - color: white; - background-color: rgba(255, 255, 255, 0.08); - box-shadow: none !important; -} - -.modal-dialog-linked-button:first-child:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.modal-dialog-linked-button:first-child:active { - color: white; - background-color: rgba(255, 255, 255, 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: #FDD633; -} - -.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(255, 255, 255, 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(255, 255, 255, 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: #F28B82; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: rgba(255, 255, 255, 0.5); -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #FDD633; -} - -.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(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E0E0E0; - 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: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; - box-shadow: none; - caret-color: white; - selection-background-color: rgba(255, 255, 255, 0.25); - selected-color: white; -} - -StEntry:hover, .search-entry:hover { - color: white; - border-color: rgba(224, 224, 224, 0.35); - background-color: rgba(255, 255, 255, 0.04); -} - -StEntry:focus, .search-entry:focus { - color: white; - border-color: #E0E0E0; - background-color: rgba(255, 255, 255, 0.04); - box-shadow: none; -} - -StEntry:insensitive, .search-entry:insensitive { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.35); - border-color: transparent; -} - -StEntry StIcon.capslock-warning, .search-entry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #FDD633; - 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -.candidate-box:selected { - background-color: #E0E0E0; - 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: #242424; - 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(255, 255, 255, 0.7); - background-color: #313131; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: white; - background-color: #4b4b4b; -} - -.keyboard-key:checked, .keyboard-key:active { - color: white; - background-color: #575757; -} - -.keyboard-key:grayed { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -.keyboard-key.default-key { - background-color: #272727; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: white; - background-color: #404040; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: white; - background-color: #525252; -} - -.keyboard-key.enter-key { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - 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: #ededed; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: rgba(0, 0, 0, 0.87); - background-color: #c7c7c7; -} - -.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: #E0E0E0; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 12px; - -arrow-background-color: #242424; - -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: #E0E0E0; -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -/* Login Dialog */ -#lockDialogGroup { - background-color: #2C2C2C; - 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 #E0E0E0 !important; -} - -.login-dialog { - color: white; -} - -.login-dialog StEntry { - border-radius: 9999px; -} - -.login-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog .user-icon { - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog .user-icon StIcon { - background-color: #2C2C2C; - color: white; -} - -.login-dialog .user-icon.user-avatar { - border: 2px solid #E0E0E0 !important; -} - -.unlock-dialog { - color: white !important; -} - -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.7) !important; -} - -.unlock-dialog .user-icon { - color: rgba(255, 255, 255, 0.7) !important; -} - -.unlock-dialog .user-icon StIcon { - background-color: #212121 !important; - color: white !important; -} - -.unlock-dialog .user-icon.user-avatar { - border: 2px solid #e0e0e0 !important; -} - -.unlock-dialog .user-widget-label { - color: rgba(255, 255, 255, 0.7) !important; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message { - text-align: center; -} - -.login-dialog-message-warning { - color: #FDD633; -} - -.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: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.7); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .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(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E0E0E0; -} - -.login-dialog-user-list-item { - border-radius: 12px; - padding: 6px; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.12) !important; - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.3) !important; - color: rgba(255, 255, 255, 0.7); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - font-size: 12pt; - padding-top: 1em; -} - -/* Looking Glass */ -#LookingGlassDialog { - background-color: #2C2C2C !important; - spacing: 6px; - padding: 0; - margin: 6px; - border-radius: 12px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: white !important; - border: 2px solid #E0E0E0; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 6px; - border: none; - border-radius: 12px 12px 0 0; - background-color: rgba(255, 255, 255, 0.04) !important; - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.12); - box-shadow: inset 0 -2px 0 #E0E0E0; - color: white; - 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: #E0E0E0; - selected-color: rgba(0, 0, 0, 0.87); -} - -.lg-dialog .shell-link { - color: #2196F3; -} - -.lg-dialog .shell-link:hover { - color: #51adf6; -} - -.lg-dialog .shell-link:active { - color: #0c7cd5; -} - -.lg-dialog .actor-link { - color: rgba(255, 255, 255, 0.7); -} - -.lg-dialog .actor-link:hover { - color: white; -} - -.lg-dialog .actor-link:active { - color: rgba(255, 255, 255, 0.7); -} - -.lg-completions-text { - font-size: .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(255, 255, 255, 0.04) !important; - color: white !important; - padding: 12px; - box-shadow: none; - border: 2px solid #E0E0E0; -} - -.lg-extension-name { - font-weight: bold; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - color: rgba(255, 255, 255, 0.7) !important; - background: #2C2C2C !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(255, 255, 255, 0.7); -} - -.lg-debug-flag-button StLabel { - padding: 6px 12px; -} - -.lg-debug-flag-button:hover { - color: white; -} - -.lg-debug-flag-button:active { - color: rgba(255, 255, 255, 0.7); -} - -.lg-debug-flags-header { - padding-top: 12px; - padding: 6px; - margin: 6px; - color: rgba(255, 255, 255, 0.3); -} - -/* Message List */ -.message-list { - width: 31.5em; - text-shadow: none; - border: solid rgba(255, 255, 255, 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(255, 255, 255, 0.3); -} - -.message-list .message-list-placeholder > StIcon { - icon-size: 48px; - margin-bottom: 12px; - -st-icon-style: symbolic; -} - -.message-list-sections { - margin: 0; - padding-bottom: 6px; -} - -.message-list-sections:ltr { - margin-right: 0; -} - -.message-list-sections:rtl { - margin-left: 0; -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 6px; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 6px; - spacing: 6px; -} - -.message { - padding: 0; - margin: 3px; - border-radius: 12px; -} - -.message .message-icon-bin { - padding: 18px 12px; - color: rgba(255, 255, 255, 0.5); -} - -.message .message-icon-bin:ltr { - padding-right: 6px; -} - -.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.36em; - color: rgba(255, 255, 255, 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: white; -} - -.message .message-content { - padding: 6px; - margin-bottom: 6px; - spacing: 4px; - color: rgba(255, 255, 255, 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: white; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.message .message-body { - color: rgba(255, 255, 255, 0.5); -} - -.url-highlighter { - link-color: #2196F3; -} - -.message-media-control { - margin: 17px 6px; - padding: 12px; - border-radius: 9999px; - color: rgba(255, 255, 255, 0.7); -} - -.message-media-control:hover, .message-media-control:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.message-media-control:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.message-media-control:hover, .message-media-control:focus, .message-media-control:active { - color: white; -} - -.message-media-control:insensitive { - color: rgba(255, 255, 255, 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: 48px !important; - border-radius: 6px; - margin: 0; -} - -.media-message-cover-icon.fallback { - icon-size: 24px !important; - padding: 6px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); -} - -.select-area-rubberband { - background-color: rgba(224, 224, 224, 0.3); - border: 1px solid #E0E0E0; - border-radius: 6px; -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.7); - border-radius: 9999px; - box-shadow: none; - icon-size: 64px; -} - -.modal-dialog .user-icon { - box-shadow: none; -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: #2C2C2C; - color: white; - border-radius: 9999px; - padding: 12px; - width: 40px; - height: 40px; -} - -.user-icon.user-avatar { - border: 2px solid #E0E0E0; -} - -.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: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 10pt; - color: #FDD633; -} - -/* 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: white; -} - -.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(255, 255, 255, 0.04); - border-radius: 6px; -} - -.nm-dialog-item { - font-size: 11pt; - border-bottom: none; - padding: 12px; - spacing: 0px; -} - -.nm-dialog-item:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.nm-dialog-icons { - spacing: 12px; -} - -.no-networks-label { - color: rgba(255, 255, 255, 0.5); -} - -.no-networks-box { - spacing: 6px; -} - -/* Notifications & Message Tray */ -.notification-banner { - width: 34em; - min-height: 64px; - margin: 12px 8px 8px; - border-radius: 6px; - color: rgba(255, 255, 255, 0.7); - background-color: #2C2C2C; - border: none; - text-shadow: none; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); - border-radius: 12px; -} - -.notification-banner:hover { - color: white; - background-color: #2C2C2C; - box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); - margin: 12px 12px 18px; -} - -.notification-banner:focus { - color: white; - background-color: #2C2C2C; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 0; -} - -.notification-banner .notification-button { - min-height: 44px; - padding: 0 18px; - background-color: transparent; - color: rgba(255, 255, 255, 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: white; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -.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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - border: 2px solid rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - color: rgba(255, 255, 255, 0.5); -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -/* OSD */ -.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { - color: rgba(255, 255, 255, 0.7); - background-color: #212121; - 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(255, 255, 255, 0.15); - color: white; - -barlevel-height: 3px; - -barlevel-background-color: rgba(255, 255, 255, 0.15); - -barlevel-active-background-color: white; - -barlevel-overdrive-color: #F28B82; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(255, 255, 255, 0.12); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 2px; -} - -.pad-osd-window { - padding: 32px; - background-color: #212121; -} - -.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(255, 255, 255, 0.12); -} - -#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: white; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 30px; -} - -/* Top Bar */ -#panel { - font-weight: bold; - color: rgba(255, 255, 255, 0.7); - font-feature-settings: "tnum"; - transition-duration: 250ms; - border: none !important; - box-shadow: none !important; - font-size: 10pt; - background-color: #212121; - height: 32px; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: #212121; - -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: rgba(255, 255, 255, 0.7); - border: 2px 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; -} - -#panel .panel-button.clock-display .clock { - border: 2px solid transparent; -} - -#panel .panel-button:hover { - color: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); -} - -#panel .panel-button:hover.clock-display { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); -} - -#panel .panel-button:hover.clock-display .clock { - color: white; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); -} - -#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: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 1000px #E0E0E0; -} - -#panel .panel-button:active.clock-display, #panel .panel-button:active:hover.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked.clock-display, #panel .panel-button:checked:hover.clock-display { - box-shadow: none; - color: rgba(255, 255, 255, 0.7); -} - -#panel .panel-button:active.clock-display .clock, #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 1000px #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -#panel .panel-button:active .panel-button, #panel .panel-button:focus .panel-button, #panel .panel-button:checked .panel-button { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 1000px #E0E0E0; -} - -#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; - -st-icon-style: symbolic; -} - -#panel .panel-button .appindicator-trayicons-box { - margin: 0 6px; -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; -} - -#panel .panel-button#panelActivities { - -natural-hpadding: 18px; -} - -#panel .panel-button#panelActivities StBoxLayout { - spacing: 6px; -} - -#panel .panel-button#panelActivities .workspace-dot { - border-radius: 9999px; - min-width: 8px; - min-height: 8px; - background-color: white; -} - -#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: rgba(255, 255, 255, 0.7); -} - -#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: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); -} - -#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { - box-shadow: none; - color: white; -} - -#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { - color: white; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 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: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); -} - -#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked.clock-display, #panel:overview .panel-button:checked:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:active:hover.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:focus:hover.clock-display, #panel.lock-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:checked:hover.clock-display { - box-shadow: none; - color: white; -} - -#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:active:hover.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:focus:hover.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); - color: white; -} - -#panel:overview .panel-button#panelActivities, #panel.unlock-screen .panel-button#panelActivities, #panel.lock-screen .panel-button#panelActivities { - color: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot { - background-color: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button#panelActivities:hover, #panel.unlock-screen .panel-button#panelActivities:hover, #panel.lock-screen .panel-button#panelActivities:hover { - color: white; -} - -#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: #FDD633; -} - -/* 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: rgba(255, 255, 255, 0.7); - padding: 0; - font-weight: normal; - font-size: 10pt; -} - -.popup-menu .popup-menu-content { - padding: 6px; - background-color: #2C2C2C; - border-radius: 12px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15); - margin: 4px 10px 12px; - font-weight: normal; - border: 2px solid #E0E0E0; -} - -.popup-menu .popup-menu-item { - spacing: 9px; - padding: 6px; - color: rgba(255, 255, 255, 0.7) !important; - text-shadow: none; - border-radius: 6px; - margin: 0; - font-weight: normal; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border: none; - box-shadow: none; - color: rgba(0, 0, 0, 0.87) !important; - background-color: #E0E0E0 !important; - border-radius: 6px 6px 0 0 !important; -} - -.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { - color: rgba(0, 0, 0, 0.87) !important; - background-color: #ededed !important; -} - -.popup-menu .popup-menu-item:checked:active { - color: rgba(0, 0, 0, 0.87) !important; - background-color: lightgray !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: white !important; - background-color: rgba(255, 255, 255, 0.12) !important; - transition-duration: 0; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white !important; - background-color: rgba(255, 255, 255, 0.3) !important; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.3) !important; -} - -.popup-menu .popup-sub-menu { - border: none; - box-shadow: none; - margin: 0; - border-radius: 0 0 6px 6px !important; - background-color: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.6) !important; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - border-radius: 0; - margin: 0; - background-color: transparent !important; - 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: rgba(255, 255, 255, 0.7) !important; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 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: white; - 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: #212121; - color: white; - border-radius: 12px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #353535; -} - -.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: #E0E0E0; - 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(44, 44, 44, 0.3); -} - -#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(44, 44, 44, 0.5); -} - -#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(224, 224, 224, 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(255, 255, 255, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); - border: 4px solid transparent; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(224, 224, 224, 0.5); -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E0E0E0; -} - -.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(255, 255, 255, 0.5); - icon-size: 16px; - margin-top: 0; - padding: 0 4px; -} - -.search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.7); -} - -.search-entry:insensitive StLabel.hint-text, .search-entry:insensitive .search-entry-icon { - color: rgba(255, 255, 255, 0.3); -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .unlock-dialog StEntry, -#overview .search-entry { - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; - box-shadow: none; - caret-color: white; - selection-background-color: rgba(255, 255, 255, 0.25); - selected-color: white; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover, .unlock-dialog StEntry:hover, -#overview .search-entry:hover { - color: white; - border-color: rgba(224, 224, 224, 0.35); - background-color: rgba(255, 255, 255, 0.04); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .unlock-dialog StEntry:focus, -#overview .search-entry:focus { - color: white; - border-color: #e0e0e0; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - transition-duration: 200ms; -} - -.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(255, 255, 255, 0.2); -} - -#searchResultsContent { - max-width: 1024px; - spacing: 8px; -} - -.search-section { - spacing: 8px; - background: none; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.search-section-content { - spacing: 8px; - border-radius: 0; - padding: 18px; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.7); -} - -.search-statustext { - font-size: 2em; - font-weight: bold; - color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.5); -} - -.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: rgba(255, 255, 255, 0.7); -} - -/* Slider */ -.slider { - height: 20px; - color: #2C2C2C; - -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); - -slider-border-color: #E0E0E0; - -slider-active-background-color: #E0E0E0; - -slider-active-border-color: #E0E0E0; - -slider-border-width: 2px; - -slider-handle-radius: 8px; - -slider-handle-border-width: 2px; - -slider-handle-border-color: #E0E0E0; - -barlevel-height: 2px; - -barlevel-background-color: rgba(255, 255, 255, 0.3); - -barlevel-border-color: transparent; - -barlevel-active-background-color: #E0E0E0; - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #F28B82; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; -} - -/* App Switcher */ -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; - border: 1px solid transparent; -} - -.switcher-list .item-box:outlined { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.switcher-list .item-box:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 6px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-list .switcher-list-item-container { - spacing: 12px; -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: rgba(255, 255, 255, 0.5); -} - -.switcher-arrow:highlighted { - color: white; -} - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; -} - -.cycler-highlight { - border: 5px solid #E0E0E0; -} - -/* 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"); -} - -.quick-toggle-menu .toggle-switch, .popup-sub-menu .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.quick-toggle-menu .toggle-switch:checked, .popup-sub-menu .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -/* Tiled window previews */ -.tile-preview { - background-color: rgba(224, 224, 224, 0.3); - border: 1px solid #E0E0E0; -} - -.tile-preview-left.on-primary { - border-radius: 7px 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 7px 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 7px 7px 0 0; -} - -/* 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(255, 255, 255, 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: #E0E0E0; - 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: white; -} - -.apps-scroll-view { - padding: 0; -} - -.page-navigation-hint { - width: 300px; -} - -.page-navigation-hint.dnd { - background: rgba(255, 255, 255, 0.1); -} - -.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { - background-gradient-start: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.page-navigation-arrow:insensitive { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.page-navigation-arrow:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.page-navigation-arrow:active { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -#dash { - margin-top: 12px; - padding: 0 !important; -} - -#dash .placeholder { - background-image: none; - background-size: contain; - height: 32px; -} - -.dash-background { - background-color: rgba(255, 255, 255, 0.12); - margin-bottom: 16px; - padding: 10px 8px; - border-radius: 22px; - border: none; - 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(255, 255, 255, 0.12); -} - -.workspace-animation { - background-color: #212121; -} - -.calendar .calendar-change-month-back, -.calendar .calendar-change-month-forward { - padding: 0 2px; -} - -.controls-manager, .secondary-monitor-workspaces { - spacing: 12px; -} - -#overviewGroup { - background-color: #212121; -} - -.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-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(255, 255, 255, 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: 18px !important; - border-radius: 24px !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: 6px; - min-width: 12em; - max-width: 12em; - min-height: 44px !important; - border: none; -} - -.quick-toggle { - background-color: rgba(255, 255, 255, 0.04) !important; - color: rgba(255, 255, 255, 0.7); -} - -.quick-toggle:hover { - background-color: rgba(255, 255, 255, 0.12) !important; - color: white; -} - -.quick-toggle:active { - background-color: rgba(255, 255, 255, 0.15) !important; - color: white; -} - -.quick-toggle:checked { - background-color: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-toggle:checked:hover { - background-color: #e2e2e2 !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-toggle:checked:active { - background-color: #e5e5e5 !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(255, 255, 255, 0.08) !important; - color: rgba(255, 255, 255, 0.7); -} - -.quick-menu-toggle .quick-toggle-arrow:hover { - background-color: rgba(255, 255, 255, 0.12) !important; - color: white; -} - -.quick-menu-toggle .quick-toggle-arrow:active { - background-color: rgba(255, 255, 255, 0.2) !important; - color: white; -} - -.quick-menu-toggle .quick-toggle-arrow:checked { - background-color: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-menu-toggle .quick-toggle-arrow:checked:hover { - background-color: #e2e2e2 !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-menu-toggle .quick-toggle-arrow:checked:active { - background-color: #e5e5e5 !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: white; - background-color: rgba(255, 255, 255, 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: white !important; -} - -.quick-slider .icon-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.quick-toggle-menu { - border-radius: 6px !important; - padding: 12px !important; - margin: 12px 30px 0 !important; - background-color: #E0E0E0 !important; - color: rgba(0, 0, 0, 0.6) !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: rgba(0, 0, 0, 0.6) !important; -} - -.quick-toggle-menu .popup-menu-item StLabel { - color: rgba(0, 0, 0, 0.6); -} - -.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item.hover, .quick-toggle-menu .popup-menu-item.selected { - color: rgba(0, 0, 0, 0.87) !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: rgba(0, 0, 0, 0.87) !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: rgba(255, 255, 255, 0.12) !important; -} - -.quick-toggle-menu .header .icon.active { - background-color: rgba(0, 0, 0, 0.87) !important; - color: #E0E0E0; -} - -.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; -} - -.quick-settings-system-item .power-item { - min-height: 0 !important; - min-width: 0 !important; - background-color: rgba(255, 255, 255, 0.04); -} - -.quick-settings-system-item .power-item:insensitive { - color: white; - background-color: #2C2C2C; - 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(255, 255, 255, 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: white; -} - -.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 #e0e0e0; -} - -.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 white; - padding: 4px; -} - -.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { - background-color: white; - 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(255, 255, 255, 0.12); -} - -.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { - background-color: #d9d9d9; -} - -.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { - background-color: gray; -} - -.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: #2e2e2e; - 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: #3b3b3b; -} - -.screenshot-ui-shot-cast-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.screenshot-ui-shot-cast-button:checked { - background-color: white; - color: black; -} - -.screenshot-ui-shot-cast-button:insensitive { - color: rgba(255, 255, 255, 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 white; -} - -.screenshot-ui-area-selector-handle { - border-radius: 9999px; - background-color: white; - box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); - width: 24px; - height: 24px; -} - -.screenshot-ui-window-selector { - background-color: #242424; -} - -.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: #bababa; -} - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { - border-color: #E0E0E0; - background-color: rgba(224, 224, 224, 0.2); -} - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.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 white; -} - -.screenshot-ui-tooltip { - color: white; - background-color: #212121; - border-radius: 9999px; - padding: 6px 12px; - text-align: center; - -y-offset: 24px; -} - -.window-picker { - spacing: 6px; -} - -.window-caption { - color: white; - background-color: #212121; - border-radius: 9999px; - padding: 6px 12px; - border: none; - box-shadow: none; -} - -.window-close, .screenshot-ui-close-button { - background-color: #242424; - color: white; - 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: white; - background-color: #333333; -} - -.window-close:active, .screenshot-ui-close-button:active { - color: white; - background-color: #151515; -} - -.window-close StIcon, .screenshot-ui-close-button StIcon { - icon-size: 24px; -} - -.workspace-background { - border-radius: 30px; - background-color: #212121; - 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 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 white; - 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: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - 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: #212121; -} - -#dashtodockContainer #dash .dash-background { - background-color: #212121; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.3); -} - -#dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #E0E0E0 !important; -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.3); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: white !important; -} - -#dashtodockContainer .show-apps .overview-icon, -#dashtodockContainer .app-well-app .overview-icon { - color: rgba(255, 255, 255, 0.7); -} - -#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(255, 255, 255, 0.12); -} - -#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(255, 255, 255, 0.3); -} - -#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { - color: rgba(255, 255, 255, 0.7); -} - -#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(255, 255, 255, 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(255, 255, 255, 0.3); -} - -#dashtodockContainer.opaque #dash .dash-background { - background-color: #212121; -} - -#dashtodockContainer.transparent #dash .dash-background { - background-color: rgba(33, 33, 33, 0.35); -} - -#dashtodockContainer:overview #dash .dash-background { - background-color: rgba(255, 255, 255, 0.12); -} - -#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: #212121; -} - -#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: white; -} - -.openweather-current-databox-values { - background: none; - color: rgba(255, 255, 255, 0.5); -} - -.openweather-current-databox-captions { - background: none; - color: rgba(255, 255, 255, 0.5); -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: rgba(255, 255, 255, 0.7); -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: rgba(255, 255, 255, 0.5); -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: rgba(255, 255, 255, 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/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-events.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-events.svg deleted file mode 120000 index d2fcad086..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-events.svg +++ /dev/null @@ -1 +0,0 @@ -assets/no-events.svg \ No newline at end of file diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-notifications.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-notifications.svg deleted file mode 120000 index 175731c18..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/no-notifications.svg +++ /dev/null @@ -1 +0,0 @@ -assets/no-notifications.svg \ No newline at end of file diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/pad-osd.css b/Graphite-Dark/files/Graphite-Dark/gnome-shell/pad-osd.css deleted file mode 100644 index 31c237722..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/pad-osd.css +++ /dev/null @@ -1,30 +0,0 @@ -.Leader { - stroke-width: .5 !important; - stroke: #535353; - fill: none !important; -} - -.Button { - stroke-width: .25; - stroke: #ededed; - fill: #ededed; -} - -.Ring { - stroke-width: .5 !important; - stroke: #535353 !important; - fill: none !important; -} - -.Label { - stroke: none !important; - stroke-width: .1 !important; - font-size: .1 !important; - fill: transparent !important; -} - -.TouchStrip, .TouchRing { - stroke-width: .1 !important; - stroke: #ededed !important; - fill: #535353 !important; -} diff --git a/Graphite-Dark/files/Graphite-Dark/gnome-shell/process-working.svg b/Graphite-Dark/files/Graphite-Dark/gnome-shell/process-working.svg deleted file mode 120000 index a6586c30c..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gnome-shell/process-working.svg +++ /dev/null @@ -1 +0,0 @@ -assets/process-working.svg \ No newline at end of file diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/apps.rc b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/apps.rc deleted file mode 100644 index 530e72fdb..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/apps.rc +++ /dev/null @@ -1,92 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. -# custom widgets, programs giving us a chance to alter their UI to fit more with -# the theme or stuff that is supposed to look different, like panels. - -# TODO: This could really look nicer -style "gimp_spin_scale" { - # Spin background - bg[NORMAL] = @base_color - - engine "pixmap" { - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "chrome_gtk_frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 -} - -# Disable spin button assets for GimpSpinScale -class "GimpSpinScale" style "gimp_spin_scale" - -# Chromium lets us define some colours and settings for better integration -class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/border.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/border.png deleted file mode 100644 index 20d503bfc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/border.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-active.png deleted file mode 100644 index ca25ccced..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-disabled.png deleted file mode 100644 index 6578ba7d1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-hover.png deleted file mode 100644 index 66e1fdd7e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button.png deleted file mode 100644 index 3fe12c700..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/button.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index 59faa8bf7..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-disabled.png deleted file mode 100644 index aa3764d91..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index a60840c8f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked.png deleted file mode 100644 index 6aa9f1a1e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-active.png deleted file mode 100644 index 41f3cb8be..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png deleted file mode 100644 index 6a70ffe2f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index d7c126d0b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed.png deleted file mode 100644 index 59ac4c6bf..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-active.png deleted file mode 100644 index f6948e7af..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png deleted file mode 100644 index 73e42bdf0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png deleted file mode 100644 index 191738b75..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked.png deleted file mode 100644 index e310c0224..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-active.png deleted file mode 100644 index dbcb24eda..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-disabled.png deleted file mode 100644 index 6a9d9dd22..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-hover.png deleted file mode 100644 index c65ced022..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry.png deleted file mode 100644 index 255e3dc3f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-left-entry.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-active.png deleted file mode 100644 index cf1595c90..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-disabled.png deleted file mode 100644 index 67cfcc78a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-hover.png deleted file mode 100644 index 8d643bd39..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry.png deleted file mode 100644 index 5d232339f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/combo-right-entry.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-active.png deleted file mode 100644 index cca347e6a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background-disabled.png deleted file mode 100644 index ce14ba810..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background.png deleted file mode 100644 index fdf26ab3c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-background.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-disabled.png deleted file mode 100644 index 6578ba7d1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-hover.png deleted file mode 100644 index 573323929..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry.png deleted file mode 100644 index 3fe12c700..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/entry.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-active.png deleted file mode 100644 index ca25ccced..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-disabled.png deleted file mode 100644 index 96f9995df..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-hover.png deleted file mode 100644 index 66e1fdd7e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button.png deleted file mode 100644 index 96f9995df..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/flat-button.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/focus.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/focus.png deleted file mode 100644 index 3e8d13db6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/focus.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-inline.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index 7d10ff19f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-inline.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-notebook.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index 7b5020ee4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame-notebook.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame.png deleted file mode 100644 index 1562a81b6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/frame.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-active.png deleted file mode 100644 index f1c519efb..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-hover.png deleted file mode 100644 index e7e40d698..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index ef1738d0d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-horz.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-active.png deleted file mode 100644 index 0cec1dc5c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-hover.png deleted file mode 100644 index 600fb08bb..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert.png deleted file mode 100644 index 377fdf0be..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/handle-vert.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png deleted file mode 100644 index 347c237bb..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked.png deleted file mode 100644 index eed01eace..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png deleted file mode 100644 index dc780d5f8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index 9d4e8158c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-mixed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png deleted file mode 100644 index 4b8fbb540..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png deleted file mode 100644 index 5317874cc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png deleted file mode 100644 index db2d2617b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index f6d3e68f8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png deleted file mode 100644 index dc780d5f8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index 9d4e8158c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-mixed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png deleted file mode 100644 index 4b8fbb540..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked.png deleted file mode 100644 index 5317874cc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/menu-radio-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt-disabled.png deleted file mode 100644 index 11a698537..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt.png deleted file mode 100644 index 974686c7e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-alt.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-disabled.png deleted file mode 100644 index 8aa633185..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down.png deleted file mode 100644 index 2f28e41e1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-down.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt-disabled.png deleted file mode 100644 index 44e26b6d0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt.png deleted file mode 100644 index 529b5e4c3..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-alt.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-disabled.png deleted file mode 100644 index ff7c85212..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-semi.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-semi.png deleted file mode 100644 index 955e801ff..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left-semi.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left.png deleted file mode 100644 index c9cb53ace..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-left.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt-disabled.png deleted file mode 100644 index 42e5877b1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt.png deleted file mode 100644 index d7405064a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-alt.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-disabled.png deleted file mode 100644 index e8e14e80f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-semi.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index d7d5af026..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right-semi.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 6cf201d99..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-right.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt-disabled.png deleted file mode 100644 index 56a417c00..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt.png deleted file mode 100644 index 5df7be827..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-alt.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-disabled.png deleted file mode 100644 index d3ae51136..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up.png deleted file mode 100644 index a99f7cf08..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/pan-up.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-progress.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-progress.png deleted file mode 100644 index 4e25dc930..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-progress.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-trough.png deleted file mode 100644 index aba61d566..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/progressbar-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-active.png deleted file mode 100644 index 2d05c9a38..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-disabled.png deleted file mode 100644 index 9724a16a8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index d3b6fd31f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked.png deleted file mode 100644 index 2ed968163..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index 41f3cb8be..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-disabled.png deleted file mode 100644 index 6a70ffe2f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-hover.png deleted file mode 100644 index d7c126d0b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed.png deleted file mode 100644 index 59ac4c6bf..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-mixed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-active.png deleted file mode 100644 index f6948e7af..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-disabled.png deleted file mode 100644 index 73e42bdf0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-hover.png deleted file mode 100644 index 191738b75..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked.png deleted file mode 100644 index e310c0224..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/radio-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-active.png deleted file mode 100644 index 366b2268d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png deleted file mode 100644 index 10cf142ec..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index 8a0adf1dd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-horz-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index 02dc5d190..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-disabled.png deleted file mode 100644 index eb1a1ae24..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-hover.png deleted file mode 100644 index 9adc84280..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 9f2a3f30e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index 03cbcfc35..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png deleted file mode 100644 index 7e38ad6c0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index 6c6d33600..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scale-vert-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index 9b3802abb..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png deleted file mode 100644 index a0e78e25f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png deleted file mode 100644 index c44bf5398..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider.png deleted file mode 100644 index 7d4534769..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-trough.png deleted file mode 100644 index e5e9d5b45..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-horz-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png deleted file mode 100644 index 86a7e94d9..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png deleted file mode 100644 index e1bd86acd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png deleted file mode 100644 index 0eab6abe2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png deleted file mode 100644 index bd8227ac6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png deleted file mode 100644 index 5e3563924..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png deleted file mode 100644 index f219ede08..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png deleted file mode 100644 index e8cf32691..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png deleted file mode 100644 index fc02be481..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png deleted file mode 100644 index 8ab9c686a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png deleted file mode 100644 index 056290d96..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index 8c84786d4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png deleted file mode 100644 index 19139fdda..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-hover.png deleted file mode 100644 index 64e8a4ced..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index 020deb5fd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-down.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index d14e21f90..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png deleted file mode 100644 index dcf55afeb..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index 4631e6fad..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up.png deleted file mode 100644 index f9b8eb673..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-ltr-up.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index 9795c6155..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png deleted file mode 100644 index 4c5e3b179..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index af6410e7f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index 7eae42829..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-down.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index 50db33639..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png deleted file mode 100644 index e229de473..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-hover.png deleted file mode 100644 index ed0c0ce8e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index e3a59e86a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/spin-rtl-up.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/tab.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/tab.png deleted file mode 100644 index 7bc3d50d1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/tab.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-active.png deleted file mode 100644 index 45da44f88..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png deleted file mode 100644 index a240cb649..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button.png deleted file mode 100644 index cc77fcc32..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-ltr-button.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-active.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-active.png deleted file mode 100644 index a5a46b99b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png deleted file mode 100644 index 810a277ee..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button.png b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button.png deleted file mode 100644 index cc77fcc32..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/assets/treeview-rtl-button.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/gtkrc b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/gtkrc deleted file mode 100644 index dd36f4aaa..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/gtkrc +++ /dev/null @@ -1,36 +0,0 @@ -# Based on Bridge by ScionicSpectre and Adwaita by GNOME -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK 2 version of Materia. It's whole purpose is to look as the -# GTK 3 version as much as possible until GTK 2 dies completely. -# -# Note: comments for explaining styles are on the bottom of each file beside the -# widget matches. - -# Declare the colours used throughout the theme. -# There shouldn't be any fiddling with them in the theme files themselves in -# order to not mess up the dark theme. - -# Text/base -gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" -# Foreground/background -gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#2C2C2C" -# Selected foreground/background -gtk-color-scheme = "selected_fg_color:#333333\nselected_bg_color:#E0E0E0" -# Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#2C2C2C" -# Menus -gtk-color-scheme = "menu_color:#3C3C3C" -# Tooltips foreground/background -gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" -# Links -gtk-color-scheme = "link_color:#8AB4F8\nvisited_link_color:#CE93D8" - -# Set GTK settings -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -# And hand over the control to the theme files -include "main.rc" -include "apps.rc" -include "hacks.rc" diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/hacks.rc b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/hacks.rc deleted file mode 100644 index c288da359..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/hacks.rc +++ /dev/null @@ -1,36 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file contains horrible hacks to make this theme work with some programs -# This is mostly due to the limitations of GTK 2 but sometimes its the fault of -# the programs themselves. Not going to point fingers. -# -# Either way, it's a WONTFIX for both, hence this horrible file. - -style "toplevel_hack" { - engine "adwaita" {} -} - -style "chrome_entry" { - base[NORMAL] = @base_color - base[INSENSITIVE] = @base_color -} - -style "vim_notebook" { - bg[NORMAL] = @base_color - bg[ACTIVE] = @bg_color -} - -# Vim puts an eventbox between the tab and the label and colours it, -# we need to handle that -widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" - -# (he)xchat input box -class "SexySpellEntry" style:highest "normal_entry" - -# Chromium uses base as the fill colour of its own entries -# This would be fine but GTK uses it to fill the surrounding space, so its set to bg -# That results in Chromium using it for the fill, so we need to handle that -widget_class "*Chrom*" style "chrome_entry" - -# Hack to be able to match widgets in LibreOffice -class "GtkWindow" style "toplevel_hack" diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/main.rc b/Graphite-Dark/files/Graphite-Dark/gtk-2.0/main.rc deleted file mode 100644 index 6890a677e..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-2.0/main.rc +++ /dev/null @@ -1,2705 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This is the main theme file, handling all the default widgets and theme -# properties. Since GTK 2 is old, we need to overcome some of its limitations, -# which is also mostly done in this file. Sadly not all of them can be overcome -# so there will always be a visible difference between the GTK 2 and 3 theme. - -style "default" { - xthickness = 1 - ythickness = 1 - - #################### - # Style Properties # - #################### - - GtkWidget::focus-padding = 0 - GtkWidget::focus-line-width = 2 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) - GtkToolbar::internal-padding = 2 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 4 - GtkWidget::tooltip-alpha = 230 - GtkWidget::new-tooltip-style = 1 #for compatibility - - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @visited_link_color - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkHTML::vlink-color = @visited_link_color - GtkIMHtml::hyperlink-color = @link_color - GtkIMHtml::hyperlink-visited-color = @visited_link_color - - GtkSeparatorMenuItem::horizontal-padding = 0 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 3 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {0, 0, 0, 0} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {0, 0, 0, 0} - - GtkPaned::handle-size = 8 - GtkHPaned::handle-size = 8 - GtkVPaned::handle-size = 8 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 17 - GtkRange::stepper-size = 0 - GtkRange::activate-slider = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::stepper-size = 0 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 24 - GtkScale::slider_width = 24 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 4 - GtkProgressBar::min-vertical-bar-width = 4 - GtkProgressBar::xspacing = 4 - GtkProgressBar::yspacing = 4 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::shadow-type = GTK_SHADOW_NONE - # TODO: find out what this comment means: - # ( every window is misaligned for the sake of menus ): - GtkMenuBar::internal-padding = 0 - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 4 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 12 - - GtkCheckButton::indicator-size = 24 - GtkCheckButton::indicator_spacing = 2 - GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} - - GtkTreeView::expander-size = 16 - GtkTreeView::vertical-separator = 0 - GtkTreeView::horizontal-separator = 4 - GtkTreeView::allow-rules = 0 - # Set this because some apps read it - GtkTreeView::odd-row-color = @base_color - GtkTreeView::even-row-color = @base_color - - GtkExpander::expander-size = 16 - - GtkNotebook::tab-overlap = 0 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @fg_color - fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = mix (0.5, @text_color, @base_color) - text[ACTIVE] = @text_color - - base[NORMAL] = @base_color - base[PRELIGHT] = mix (0.08, @text_color, @base_color) - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) - - # For succinctness, all reasonable pixmap options remain here - - # Draw frame around menu in a non-compositied environment - # This needs to go before pixmap because we need to override some stuff - engine "adwaita" {} - - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/checkbox-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/checkbox-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/checkbox-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/radio-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/radio-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/radio-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-disabled.png" - overlay_stretch = FALSE - } - - ########## - # Arrows # - ########## - - # Overrides - - # Disable arrows in spinbuttons - image { - function = ARROW - detail = "spinbutton" - } - - # Disable arrows for qt in scrollbars - - image { - function = ARROW - detail = "vscrollbar" - } - - image { - function = ARROW - detail = "hscrollbar" - } - - # Menu arrows - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-left-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-right-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left-alt.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-left-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right-alt.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-right-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/border.png" - border = {1, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-horz.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-horz-hover.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-horz-active.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-vert-hover.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-vert-active.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - state = NORMAL - file = "assets/pan-down-alt.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = PRELIGHT - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = ACTIVE - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = INSENSITIVE - file = "assets/pan-down-alt-disabled.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-right-alt.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-right-alt-disabled.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-right-semi.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-right-semi.png" - direction = LTR - } - - # RTL - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-left-alt.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-left-alt-disabled.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-left-semi.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-left-semi.png" - direction = RTL - } - - ############# - # Notebooks # - ############# - - # Left - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 1, 0, 0} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {1, 0, 0, 0} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 0, 1} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 1, 0} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - gap_side = TOP - } - - # Inner frame - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {1, 0, 0, 0} - gap_side = LEFT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 1, 0, 0} - gap_side = RIGHT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 1, 0} - gap_side = TOP - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 0, 1} - gap_side = BOTTOM - } - - # Standalone frame - image { - function = BOX - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-horz-trough.png" - border = {0, 0, 1, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-ltr-trough.png" - border = {1, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-rtl-trough.png" - border = {0, 1, 0, 0} - orientation = VERTICAL - direction = RTL - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-disabled.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-hover.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-active.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-disabled.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-hover.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-active.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-disabled.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - ########## - # Scales # - ########## - - # Troughs, overrided later on. We set them here too because some widgets - # don't specify their orientation. - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - # Sliders - - image { - function = SLIDER - state = NORMAL - detail = "hscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "hscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "hscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "hscale" - file = "assets/scale-slider-disabled.png" - } - - image { - function = SLIDER - state = NORMAL - detail = "vscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "vscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "vscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "vscale" - file = "assets/scale-slider-disabled.png" - } - - ########### - # Menubar # - ########### - - # image { - # function = BOX - # detail = "menubar" - # file = "assets/border.png" - # border = {0, 0, 0, 1} - # } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 0, 1} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ########### - # Entries # - ########### - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/entry-background.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/entry-background-disabled.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/entry-background.png" - } - - ######### - # Spins # - ######### - - # Spin-Up LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-ltr-up.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-disabled.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-disabled.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-disabled.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-disabled.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = VERTICAL - } - - ############# - # Treeviews # - ############# - - # Disable active the column highlight - # We need to match specific cells or we break stuff - # Looking at you deadbeef - - image { - function = FLAT_BOX - detail = "cell_even_sorted" - state = NORMAL - } - - image { - function = FLAT_BOX - detail = "cell_odd_sorted" - state = NORMAL - } - - # Disable all the other shadows - # This prevents the Raleigh effect - image { - function = SHADOW - } - } -} - -style "menubar" { - bg[NORMAL] = @titlebar_bg_color - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) - # Needed to fix Firefox's menubar text - bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[SELECTED] = @titlebar_fg_color -} - -style "menubar_item" { - xthickness = 3 - ythickness = 4 - - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) -} - -style "menu" { - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) -} - -style "menu_item" { - xthickness = 4 - ythickness = 4 - - bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) - fg[PRELIGHT] = @fg_color - # Chromium uses this setting - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) - text[SELECTED] = @fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - - # Unfortunately we can't tell regular and menu checks/radios apart - # Without the heirarchy - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "separator_menu_item" { - xthickness = 0 - ythickness = 2 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - border = {0, 0, 0, 1} - } - } -} - -style "button_label" { - # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) - # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "normal_button_label" { - # fg[NORMAL] = @fg_color - # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) - - font_name = "Regular" -} - -style "button" { - xthickness = 6 - ythickness = 6 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "link_button" { - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } -} - -style "entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 6 - ythickness = 6 -} - -style "combobox" { - xthickness = 6 - ythickness = 6 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - file = "assets/entry-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "combobox_cellview" { - # text[NORMAL] = mix(0.7, @fg_color, @bg_color) - # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) -} - -style "combobox_entry" { - # Since one side of the button is missing, we need to shift the arrow a little to the right - GtkButton::inner-border = {0, 2, 0, 0} - - base[NORMAL] = @base_color - base[ACTIVE] = @base_color - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-left-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-left-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-left-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-right-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-right-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-right-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-right-entry.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-right-entry-hover.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-right-entry-active.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-right-entry-disabled.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-left-entry.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-left-entry-hover.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-left-entry-active.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-left-entry-disabled.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - } -} - -style "combo_button_padding" { - # Since one side of the button is missing, we need to shift the arrow a - # little to the right. - # This is the same thing we've done above but the combo, unlike the combobox, - # uses padding the same way as a button. - GtkButton::inner-border = {3, 6, 3, 3} -} - -style "notebook" { - xthickness = 3 - ythickness = 3 -} - -style "notebook_tab_label" { - fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "notebook_viewport" { - bg[NORMAL] = @base_color -} - -style "notebook_bg" { - bg[NORMAL] = @base_color - bg[PRELIGHT] = @base_color - bg[INSENSITIVE] = @base_color -} - -style "notebook_entry" { - base[NORMAL] = @base_color - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = @base_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @bg_color -} - -style "normal_entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - } -} - -style "scale_vert" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - } -} - -style "progressbar" { - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = VERTICAL - } - } -} - -style "treeview_header" { - xthickness = 2 - ythickness = 2 - - fg[NORMAL] = mix(0.7, @fg_color, @base_color) - fg[PRELIGHT] = @fg_color - - font_name = "Medium" - - GtkButton::inner-border = {4, 4, 0, 2} - - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/treeview-ltr-button.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-ltr-button-hover.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-ltr-button-active.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = NORMAL - file = "assets/treeview-rtl-button.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-rtl-button-hover.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-rtl-button-active.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - } -} - -style "scrolled_window" { - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - } -} - -style "frame" { - engine "pixmap" { - image { - function = SHADOW - shadow = NONE - } - - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_start_file = "assets/border.png" - gap_end_file = "assets/border.png" - } - } -} - -style "tool_button" { - GtkButton::inner-border = {2, 2, 2, 2} - - # For the sake of sanity style buttons this way - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/flat-button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/flat-button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = OUT - file = "assets/flat-button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = IN - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "toolbar_separator" { - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - } - } -} - -style "inline_toolbar" { - # GtkToolbar::button-relief = GTK_RELIEF_NORMAL - - engine "pixmap" { - image { - function = BOX - file = "assets/frame-inline.png" - border = {1, 1, 0, 1} - stretch = TRUE - } - } -} - -style "tooltip" { - xthickness = 8 - ythickness = 8 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color -} - -style "disable_text_shadow" { - engine "murrine" { - textstyle = 0 - } -} - -style "disable_separator" { - xthickness = 0 - ythickness = 0 - - GtkWidget::wide-separators = 1 -} - -# Default style, containing theme properties and trying to match every widget as -# much as possible, which is not only faster than trying to match every widget -# by its own but also less bug-prune and more consistent. However there is some -# widget specific stuff that needs to be taken care of, which is the point of -# every other style below. -class "GtkWidget" style "default" - -###################################### -# Override padding, style and colour # -###################################### - -class "GtkButton" style "button" -class "GtkLinkButton" style "link_button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkNotebook" style "notebook" -class "GtkHScale" style "scale_horz" -class "GtkVScale" style "scale_vert" -class "GtkProgressBar" style "progressbar" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkSeparatorToolItem" style "toolbar_separator" -class "GtkMenuBar" style "menubar" -class "GtkMenu" style "menu" -class "GtkTextView" style "textview" - -# Menu and menubar items -widget_class "**" style "menu_item" -widget_class "*.*" style "menubar_item" -widget_class "**" style "separator_menu_item" - -# Treeview buttons -widget_class "***" style "treeview_header" - -# Give the file chooser toolbar a border -widget_class "**" style "inline_toolbar" - -# Fix padding on regular comboboxes -widget_class "*." style "combobox" -widget_class "*" style "combobox" - -# And disable separators on them -widget_class "*.*" style "disable_separator" -widget_class "**" style "disable_separator" -widget_class "**" style "disable_separator" - -# Join together the ComboBoxEntry entry and button -widget_class "**" style "combobox_entry" - -# Join the Combo entry and button -widget_class "**" style "combobox_entry" - -# Tweak the padding on the button a little bit because it -# uses it a bit differently -widget_class "*." style "combo_button_padding" - -# Alas we cannot do the same for ComboBoxText because there -# isn't a way to apply the style to only the comboboxes that -# have an entry inside - -# Tool buttons have different styles -widget_class "**" style "tool_button" -widget_class "**.*" style "tool_button" - -# Notebooks -widget_class "*." style "notebook_tab_label" -widget_class "*.." style "notebook_tab_label" - -# Notebooks are white, act accordingly -widget_class "**" style "notebook_entry" -widget_class "**" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "***" style "notebook_bg" -widget_class "**" style "notebook_bg" -widget_class "*.*" style "notebook_bg" - -# However, stuff inside eventboxes inside notebooks is grey -# again, react -widget_class "***" style "normal_entry" -widget_class "***" style "normal_bg" -widget_class "***" style "normal_bg" - -# Button labels -widget_class "*." style "button_label" - -# Normalize button labels -widget_class "*." style "normal_button_label" -widget_class "*." style "normal_button_label" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "**" style "combobox_cellview" - -# Disable white text shadows -widget_class "*" style "disable_text_shadow" -widget_class "*" style "disable_text_shadow" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic.svg deleted file mode 100644 index f2fc5ef1e..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic@2.svg deleted file mode 100644 index 464c67eeb..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/check-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad580858a..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg deleted file mode 100644 index b12be3edc..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic.svg deleted file mode 100644 index 8cfdb6208..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic@2.svg deleted file mode 100644 index 7714de691..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic.svg deleted file mode 100644 index ec2566e40..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic@2.svg deleted file mode 100644 index 06ef46eb9..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f060d..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167d..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg deleted file mode 100644 index 4b00bc195..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic.svg deleted file mode 100644 index d6eb8a5bc..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic@2.svg deleted file mode 100644 index 245090260..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-check-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index a2ba98196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 1e1a895ce..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic.svg deleted file mode 100644 index 994449063..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg deleted file mode 100644 index 0d11382ce..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic.svg deleted file mode 100644 index 221ae3aad..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic@2.svg deleted file mode 100644 index 166951608..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 1d96d6cc5..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg deleted file mode 100644 index 4f699370c..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 597a4e6fc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 63a252bb3..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index c8b17ae3a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index fe61efb6e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index e5099acff..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index 149543905..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 320fe9bb5..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 4449641e8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 7966479f2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index a66b5a391..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index f398287c4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index cfbc21dd7..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 2e096715d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 41651c157..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 640a66715..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index a276f6502..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index e061e9bf3..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index e9319b996..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 483f8e023..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 78d188932..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index a34601c8a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index f5779e00f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index c594c1ef2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 3ac4e8e5c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index bd90f1dc6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 8bd251166..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index c73d4f7be..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 68e783cba..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 3ff2e2964..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 8444d3166..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index d5a5fe1a2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index a8ef20f29..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 95d4a8ad6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 57cd4ae64..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index 8734299f9..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 4157a485b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index 78e50a6e2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index adc12ce25..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e03..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7e0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk-dark.css b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk-dark.css deleted file mode 100644 index 24eadde7f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,8232 +0,0 @@ -@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, #E0E0E0 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #E0E0E0 100%, transparent 0%); - } -} - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #F28B82; - -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: #E0E0E0; -} - -*: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: white; - background-color: #414141; -} - -.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: #E0E0E0; - background-color: rgba(224, 224, 224, 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: #E0E0E0; -} - -.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: #2C2C2C; - color: white; -} - -.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: #2C2C2C; - color: white; -} - -.gtkstyle-fallback:hover { - background-color: #1f1f1f; - color: white; -} - -.gtkstyle-fallback:active { - background-color: #131313; - color: white; -} - -.gtkstyle-fallback:disabled { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.5); -} - -.gtkstyle-fallback:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.view { - background-color: #2C2C2C; - color: white; -} - -.view:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.view:selected:hover { - box-shadow: none; -} - -window.background.csd > stack.view { - border-radius: 0 0 12px 12px; -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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, -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 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, -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 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, -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, -.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 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, -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 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, -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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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 { - border: 1px solid #E0E0E0; - background-color: rgba(224, 224, 224, 0.3); -} - -flowbox flowboxchild { - padding: 4px; - border-radius: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: currentColor; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label { - color: rgba(255, 255, 255, 0.7); -} - -assistant .sidebar { - padding: 4px 0; -} - -assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -assistant .sidebar label.highlight { - color: white; -} - -/********************* - * 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.vertical:focus, spinbutton:focus:not(.vertical), -entry:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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: white; -} - -spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), -entry.error:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; -} - -spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; -} - -spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical progress, spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -8px; - border-bottom: 2px solid #E0E0E0; - 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: #3C3C3C; - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry:focus { - border-image: none; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -.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: #242424; - color: rgba(255, 255, 255, 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: #F28B82; - 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 #F28B82; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #FDD633; - 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 #FDD633; -} - -.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 0.7); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E0E0E0), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E0E0E0), 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button, .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(255, 255, 255, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button: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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -button.osd:hover { - background-color: rgba(203, 203, 203, 0.9844); - color: rgba(0, 0, 0, 0.87); -} - -button.osd:active { - background-color: rgba(176, 176, 176, 0.9662); - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 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: white; -} - -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: #2196F3; -} - -*:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 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(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -button.combo:only-child:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -/************ - * Toolbars * - ************/ -toolbar { - -GtkWidget-window-dragging: true; - padding: 2px; - background-color: #2C2C2C; -} - -.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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #242424; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.3); -} - -.nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(255, 255, 255, 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: white; -} - -.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(255, 255, 255, 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: #2C2C2C; - color: white; - border-radius: 12px 12px 0 0; -} - -.titlebar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -.titlebar:backdrop:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar .titlebar { - background-color: transparent; - box-shadow: none; -} - -.titlebar headerbar + separator { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.titlebar stackswitcher { - border: 2px solid #E0E0E0; -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - color: #2C2C2C; -} - -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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: 6px; - 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: 0 6px; -} - -headerbar:not(.titlebar) { - box-shadow: none; -} - -box.vertical headerbar { - background-color: #2C2C2C; -} - -headerbar > box.left, -headerbar > box.right { - padding: 0 3px; -} - -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: 0 0 12px 12px; - margin: 0; - 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(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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), #E0E0E0 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), #E0E0E0 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(255, 255, 255, 0.3); - border-top-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: alpha(currentColor, 0.08); -} - -treeview.view:drop(active).after { - border-top-style: none; -} - -treeview.view:drop(active).before { - border-bottom-style: none; -} - -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 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: white; -} - -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view.progressbar { - border: none; - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view header button, treeview.view header button:disabled { - background-color: #2C2C2C; -} - -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop, -.menubar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - border-radius: 6px; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - border: 2px solid #E0E0E0; -} - -.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: white; - font: initial; - text-shadow: none; - border-radius: 6px; -} - -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -menu menuitem:hover accelerator, -.menu menuitem:hover accelerator, -.context-menu menuitem:hover accelerator { - color: rgba(0, 0, 0, 0.6); -} - -menu menuitem:hover:disabled accelerator, -.menu menuitem:hover:disabled accelerator, -.context-menu menuitem:hover:disabled accelerator { - color: rgba(0, 0, 0, 0.26); -} - -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -menu menuitem accelerator, -.menu menuitem accelerator, -.context-menu menuitem accelerator { - color: rgba(255, 255, 255, 0.7); -} - -menu menuitem:disabled accelerator, -.menu menuitem:disabled accelerator, -.context-menu menuitem:disabled accelerator { - color: rgba(255, 255, 255, 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: #505050; -} - -menu > arrow, -.menu > arrow, -.context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: white; -} - -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: #3C3C3C; - border-radius: 12px; -} - -popover.background, .csd popover.background { - border: 2px solid #E0E0E0; - 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: #3C3C3C; -} - -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; - min-width: 48px; - 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(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -tabbox > tab:checked, notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.15); - color: white; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -} - -tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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 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(255, 255, 255, 0.12); - color: white; -} - -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: #2C2C2C; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -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(255, 255, 255, 0.5); -} - -scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar slider:active { - background-color: white; -} - -scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar.fine-tune.horizontal slider { - margin: 2px 0; -} - -scrollbar.fine-tune.vertical slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(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(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(60, 60, 60, 0.9); -} - -scrollbar.horizontal slider { - min-width: 24px; -} - -scrollbar.vertical slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0; - border: 2px solid rgba(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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/selectionmode-checkbox-unchecked-dark@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #E0E0E0; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, -treeview.view radio:hover, -treeview.view radio:active { - color: white; -} - -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #E0E0E0; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, -treeview.view radio:checked:disabled, -treeview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 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/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -printdialog paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame > border, -.frame { - margin: 0; - padding: 0; - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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: white; -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; -} - -.app-notification button.text-button:not(:disabled) { - color: #E0E0E0; -} - -.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(255, 255, 255, 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: white; -} - -expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); -} - -/************ - * Calendar * - ************/ -calendar { - padding: 3px 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar.header { - border-style: none none solid; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -calendar.button { - border-radius: 6px; -} - -calendar.highlight { - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); -} - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: #3C3C3C; -} - -messagedialog .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -messagedialog .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #F28B82; -} - -.csd filechooser { - background-color: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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; -} - -/*********** - * 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:not(separator).left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 3px; - border-radius: 6px; -} - -stacksidebar.sidebar row:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} - -row image.sidebar-icon:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 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: #E0E0E0; -} - -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #E0E0E0; -} - -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(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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: #2C2C2C; -} - -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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border-radius: 3px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -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: white; -} - -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 #E0E0E0; -} - -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(255, 255, 255, 0.04); -} - -colorswatch#add-color-button overlay:hover { - background-color: rgba(255, 255, 255, 0.12); - box-shadow: none; -} - -colorswatch#add-color-button overlay:active { - background-color: rgba(255, 255, 255, 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -decoration { - transition: none; - 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 50px transparent; - border-radius: 14px; - border: 2px solid #E0E0E0; - background-clip: border-box; - margin: 10px; -} - -decoration:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 50px transparent; - border: 2px solid #E0E0E0; - 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 { - margin: 0; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #E0E0E0; - border: none; - border-radius: 12px 12px 0 0; -} - -.csd.popup decoration { - border-radius: 12px; - border-radius: 14px; - border: 2px solid #E0E0E0; - 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -.solid-csd decoration:backdrop { - background-color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(#E0E0E0, 0.08); - background-image: radial-gradient(circle, alpha(#E0E0E0, 0.08) 10%, transparent 0%); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -button.emoji-section { - margin: 4px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd headerbar { - padding-left: 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd placessidebar > viewport.frame { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 15px 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list { - background: none; - padding: 6px; - padding-right: 8px; - padding-right: 8px; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 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: #2C2C2C; - border-radius: 12px; -} - -.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: #474747; -} - -.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: #E0E0E0; - 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(255, 255, 255, 0.7); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; -} - -@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(255, 255, 255, 0.04); -} - -.path-bar-box.background.frame { - border-style: none; - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} - -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { - background-color: rgba(255, 255, 255, 0.08); -} - -.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 { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.windowhandle .linked.nautilus-path-bar { - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).current-dir { - color: white; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { - background: none; - box-shadow: none; -} - -.disk-space-display.unknown { - background-color: rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.3); -} - -.disk-space-display.used { - background-color: #E0E0E0; - color: #E0E0E0; -} - -.disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.12); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -.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 :not(treeview).view { - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window paned > separator { - background-color: #242424; -} - -/********* - * 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(255, 255, 255, 0.7); - font-size: smaller; -} - -.open-document-selector-match { - background-color: #FDD633; - color: rgba(0, 0, 0, 0.87); -} - -.gedit-document-panel { - background-color: #242424; -} - -.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(255, 255, 255, 0.12); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 12px; -} - -.gedit-search-slider { - margin: 0 6px 8px; - padding: 6px; - background-color: #2C2C2C; - color: white; - 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); - 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(255, 255, 255, 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: #3C3C3C; -} - -.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(255, 255, 255, 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; -} - -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: #E0E0E0; -} - -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: rgba(0, 0, 0, 0.87); -} - -.tweak-categories { - background-color: transparent; -} - -.csd .tweak-categories { - border-bottom-left-radius: 12px; -} - -.csd.maximized .tweak-categories, .csd.tiled .tweak-categories { - border-bottom-left-radius: 0; -} - -leaflet > box > scrolledwindow > viewport.frame > list.navigation-sidebar { - background-color: transparent; -} - -.tweak { - padding: 3px; -} - -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-white, -.tweak-white, -.tweak-white:hover { - background-image: image(#2C2C2C); -} - -.tweak-startup, -.tweak-startup:hover { - background-image: image(#2C2C2C); -} - -.tweak-group-startup { - background-image: image(#2C2C2C); -} - -.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(255, 255, 255, 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: #2C2C2C; - 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: #2C2C2C; - 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, leaflet frame.view, box.horizontal > stack.background frame.view { - border: none; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; - border: none; -} - -/************************ - * Gnome system monitor * - ************************/ -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #2C2C2C; - 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(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -stack.view.polari-entry-area { - background-color: #2C2C2C; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack:disabled.view.polari-entry-area { - background-image: image(#2C2C2C); -} - -/*********** - * Builder * - ***********/ -layouttabbar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -layouttabbar > box > button { - margin: 2px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #E0E0E0; - background-color: #2C2C2C; -} - -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.25); - -PnlDockBin-handle-size: 1; -} - -entry.search-missing { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -window.workbench treeview.image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -entry.preferences-search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -preferences stacksidebar.sidebar list { - background-color: #242424; -} - -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(255, 255, 255, 0.12); -} - -preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.25); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.25); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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, #E0E0E0 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -docktab:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -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 #E0E0E0; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: white; -} - -dockoverlayedge { - background-color: #2C2C2C; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -pillbox { - background-color: #2C2C2C; - border-radius: 6px; -} - -layoutpane entry.search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -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: white; - font-weight: normal; -} - -button.dzlmenubuttonitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -idelayoutstackheader { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -idelayoutstackheader button:checked { - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: #2C2C2C; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 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(224, 224, 224, 0.7) 10%, transparent 0%); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -/********** - * Photos * - **********/ -GdMainIconView.content-view { - -GdMainIconView-icon-size: 48; -} - -.documents-counter { - margin: 8px; - border-radius: 9999px; - 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); - background-color: #E0E0E0; - 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: white; - font-weight: normal; -} - -button.photos-filter-preview:checked { - background-color: alpha(currentColor, 0.06); - color: white; -} - -button.photos-filter-preview:checked image { - color: white; -} - -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(255, 255, 255, 0.12); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); -} - -.side-panel .view { - background-image: image(#242424); -} - -.side-panel .view:hover { - background-image: image(#363636); -} - -.side-panel .view:selected { - background-image: image(#E0E0E0); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #2C2C2C; -} - -/************ - * Terminal * - ************/ -terminal-window decoration { - border-radius: 14px 14px 0 0; -} - -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: #2C2C2C; -} - -/*********** - * 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.25); -} - -list.categories { - background-image: image(#242424); -} - -/********* - * Boxes * - *********/ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 6px; - background-color: #242424; - color: white; -} - -/************** - * 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: white; - background-color: #2C2C2C; - box-shadow: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.25); -} - -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: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 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: #2C2C2C; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { - min-width: 1px; - background-color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.geary-main-window.unified separator.geary-sidebar-pane-separator { - min-width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - background-color: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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 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 #E0E0E0, 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17), 0 0 0 2px #E0E0E0, 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 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); -} - -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(#3C3C3C); -} - -.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: #2C2C2C; -} - -.terminator-terminal-window notebook.frame { - border-style: none; -} - -/************* - * Ubitquity * - *************/ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(255, 255, 255, 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: #3C3C3C; -} - -window.background.chromium decoration { - background-clip: padding-box; - 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); -} - -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid #4b4b4b; -} - -window.background.chromium > button { - color: #E0E0E0; -} - -window.background.chromium > button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -window.background.chromium menubar, -window.background.chromium headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window.background.chromium headerbar button:active { - background-color: alpha(currentColor, 0.12); -} - -window.background.chromium spinner { - color: #E0E0E0; -} - -window.background.chromium textview.view { - background-color: transparent; -} - -window.background.chromium treeview.view.cell:selected:focus { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -window.background.chromium treeview.view button { - border: 1px solid #4b4b4b; - background-color: #2C2C2C; -} - -window.background.chromium menu { - border-color: #555555; -} - -window.background.chromium menu menuitem { - border-radius: 0; -} - -tooltip.background.chromium { - background-color: #191919; -} - -/*********** - * Firefox * - ***********/ -#MozillaGtkWidget > widget text { - background-color: #3C3C3C; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -#MozillaGtkWidget > widget > separator { - color: #4b4b4b; -} - -#MozillaGtkWidget > widget > scrollbar { - background-clip: border-box; -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #4b4b4b; -} - -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid #4b4b4b; - border-radius: 6px; - box-shadow: none; -} - -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: #2C2C2C; -} - -#MozillaGtkWidget > widget > entry:focus { - border-color: #E0E0E0; - box-shadow: inset 0 0 0 1px #E0E0E0; -} - -#MozillaGtkWidget > widget > entry:disabled { - background-color: #242424; -} - -#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: #757575; -} - -#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: #9E9E9E; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(117, 117, 117, 0.5); -} - -#MozillaGtkWidget menu { - border: none; -} - -#MozillaGtkWidget > widget > menubar { - color: rgba(255, 255, 255, 0.7); -} - -#MozillaGtkWidget > widget > menubar:hover { - color: white; -} - -#MozillaGtkWidget > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#MozillaGtkWidget > widget > frame { - color: #4b4b4b; -} - -#MozillaGtkWidget menu > separator { - color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -/********* - * 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 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); - margin-top: -2px; - border: 2px solid #E0E0E0; -} - -#gnc-id-main-window treeview.view { - background-color: #2C2C2C; -} - -/********* - * 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: #E0E0E0; - -UnityDecoration-title-indent: 4px; - -UnityDecoration-title-fade: 32px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration .top { - padding: 0 2px; - border-style: none; - border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #2C2C2C; - color: white; -} - -UnityDecoration .top:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.background:not(.csd) headerbar:not(.titlebar) { - border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17); -} - -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { - border-style: none; -} - -UnityPanelWidget, -.unity-panel { - background-color: #212121; - color: white; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spin 1s linear infinite; - color: #E0E0E0; -} - -/************** - * Mate-Panel * - **************/ -.mate-panel-menu-bar menubar, -#PanelApplet-window-menu-applet-button { - background-color: transparent; -} - -.mate-panel-menu-bar { - background-color: #212121; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -MatePanelAppletFrameDBus { - border-style: solid; - border-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.mate-panel-menu-bar menubar > menuitem:hover { - color: white; -} - -.mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -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: #E0E0E0; -} - -.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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#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(255, 255, 255, 0.12); -} - -#MatePanelPopupWindow expander > title { - min-height: 32px; -} - -#MatePanelPopupWindow button { - padding: 4px 16px; -} - -#MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(255, 255, 255, 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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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: white; -} - -#mate-menu { - border: 1px solid rgba(0, 0, 0, 0.25); - background-color: #3C3C3C; -} - -#mate-menu button { - min-height: 24px; - min-width: 24px; - padding: 4px 0; - color: white; - 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(255, 255, 255, 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(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.brisk-menu entry { - margin-bottom: -2px; - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.brisk-menu entry + box > box:dir(rtl) { - margin-left: -2px; - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -.brisk-menu .categories-list { - padding-top: 4px; -} - -.brisk-menu .categories-list button { - margin: 0 4px; -} - -.brisk-menu .categories-list button:checked { - color: #E0E0E0; -} - -.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: white; - 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: #2C2C2C; -} - -.caja-side-pane notebook, -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: none; - color: white; -} - -.caja-desktop.view .entry:selected, -.caja-navigation-window .view .entry:selected { - background-color: alpha(currentColor, 0.06); -} - -.caja-desktop.view .entry { - background-color: #2C2C2C; - color: white; - 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(255, 255, 255, 0.12); -} - -.caja-notebook frame > border { - border-style: none; -} - -#caja-extra-view-widget { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -#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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -/* mate-screensaver lock dialog */ -.lock-dialog { - border: 1px solid rgba(0, 0, 0, 0.25); - border-radius: 7px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.lock-dialog frame > border { - border-style: none; -} - -.lock-dialog button:not(:disabled) { - color: #E0E0E0; -} - -/* multimedia OSD */ -MsdOsdWindow.background.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -MsdOsdWindow.background.osd .trough { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); -} - -MsdOsdWindow.background.osd .progressbar { - border-radius: 0; - background-color: #E0E0E0; -} - -/****************** - * 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 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); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 0.04); -} - -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: white; - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12)); -} - -.budgie-panel button.budgie-menu-launcher:hover { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:hover image { - background-image: image(rgba(255, 255, 255, 0.2)); -} - -.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { - background-image: image(rgba(255, 255, 255, 0.28)); -} - -.budgie-panel { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.budgie-panel.transparent { - background-color: #242424; -} - -.budgie-panel button { - color: rgba(255, 255, 255, 0.7); - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 0; -} - -.budgie-panel button:hover { - color: white; -} - -.budgie-panel button:active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher:focus { - background: none; - box-shadow: none; - border: none; - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.raven-trigger { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); -} - -.budgie-panel .alert { - color: #F28B82; -} - -.budgie-panel .titlebar:not(headerbar) { - min-height: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - color: white; -} - -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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: white; -} - -.budgie-panel menubar, -.budgie-panel .menubar { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, -.budgie-panel .menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:active { - color: white; -} - -.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(255, 255, 255, 0.5); -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - 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); -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -.raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.06); - color: white; -} - -.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: white; -} - -.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: #242424; - color: white; -} - -.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(255, 255, 255, 0.7); -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -.budgie-panel .lock-keys image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 12px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.drop-shadow .linked > button { - border-radius: 12px; -} - -.budgie-session-dialog, -.budgie-polkit-dialog, -.budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.budgie-polkit-dialog .failure { - color: #F28B82; -} - -.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: white; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -/************** - * Xfce4 Apps * - **************/ -.XfceHeading { - background-color: #2C2C2C; -} - -/*************** - * xfce4-panel * - ***************/ -.xfce4-panel.background { - border: none; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.xfce4-panel.background button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} - -.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: #E0E0E0; -} - -XfdesktopIconView.view { - border-radius: 6px; - background-color: transparent; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: #2C2C2C; - color: white; -} - -#panel_window menubar, -#panel_window separator { - background-color: transparent; -} - -#panel_window separator { - padding: 0 4px; -} - -#panel_window separator:first-child { - padding: 0 8px; -} - -#panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -#panel_window menubar > menuitem:hover { - color: white; -} - -#panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - margin: 8px; - border-radius: 6px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#content_frame { - padding-bottom: 16px; -} - -#buttonbox_frame { - padding-top: 24px; -} - -#buttonbox_frame > box, -#buttonbox_frame > buttonbox { - margin: -16px; -} - -#buttonbox_frame button:not(:disabled) { - color: #E0E0E0; -} - -/******** - * Nemo * - ********/ -.nemo-window { - background-color: #2C2C2C; -} - -.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(255, 255, 255, 0.7); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 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: white; -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 100%, transparent 0%) 0 0 2/0 0 2px; -} - -.nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #6b6b6b; - -NemoPlacesTreeView-disk-full-fg-color: #E0E0E0; - -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-places-sidebar { - border: none; -} - -.nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.04); -} - -.nemo-window paned > .sidebar { - padding: 0; - background-color: #E0E0E0; - 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(168, 168, 168, 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: white; -} - -.nemo-window > grid > separator { - background-color: transparent; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar { - min-height: 32px; - padding: 3px; - margin: 0; - border-style: none; - border-radius: 0; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.left { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.right { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button { - margin: 4px; - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk.css b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk.css deleted file mode 100644 index 24eadde7f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/gtk.css +++ /dev/null @@ -1,8232 +0,0 @@ -@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, #E0E0E0 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #E0E0E0 100%, transparent 0%); - } -} - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #F28B82; - -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: #E0E0E0; -} - -*: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: white; - background-color: #414141; -} - -.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: #E0E0E0; - background-color: rgba(224, 224, 224, 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: #E0E0E0; -} - -.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: #2C2C2C; - color: white; -} - -.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: #2C2C2C; - color: white; -} - -.gtkstyle-fallback:hover { - background-color: #1f1f1f; - color: white; -} - -.gtkstyle-fallback:active { - background-color: #131313; - color: white; -} - -.gtkstyle-fallback:disabled { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.5); -} - -.gtkstyle-fallback:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.view { - background-color: #2C2C2C; - color: white; -} - -.view:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.view:selected:hover { - box-shadow: none; -} - -window.background.csd > stack.view { - border-radius: 0 0 12px 12px; -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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, -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 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, -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 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, -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, -.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 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, -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 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, -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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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 { - border: 1px solid #E0E0E0; - background-color: rgba(224, 224, 224, 0.3); -} - -flowbox flowboxchild { - padding: 4px; - border-radius: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: currentColor; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label { - color: rgba(255, 255, 255, 0.7); -} - -assistant .sidebar { - padding: 4px 0; -} - -assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -assistant .sidebar label.highlight { - color: white; -} - -/********************* - * 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.vertical:focus, spinbutton:focus:not(.vertical), -entry:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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: white; -} - -spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), -entry.error:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; -} - -spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; -} - -spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical progress, spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -8px; - border-bottom: 2px solid #E0E0E0; - 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: #3C3C3C; - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry:focus { - border-image: none; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -.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: #242424; - color: rgba(255, 255, 255, 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: #F28B82; - 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 #F28B82; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #FDD633; - 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 #FDD633; -} - -.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 0.7); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E0E0E0), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E0E0E0), 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button, .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(255, 255, 255, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button: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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -button.osd:hover { - background-color: rgba(203, 203, 203, 0.9844); - color: rgba(0, 0, 0, 0.87); -} - -button.osd:active { - background-color: rgba(176, 176, 176, 0.9662); - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 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: white; -} - -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: #2196F3; -} - -*:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 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(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -button.combo:only-child:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -/************ - * Toolbars * - ************/ -toolbar { - -GtkWidget-window-dragging: true; - padding: 2px; - background-color: #2C2C2C; -} - -.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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #242424; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.3); -} - -.nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(255, 255, 255, 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: white; -} - -.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(255, 255, 255, 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: #2C2C2C; - color: white; - border-radius: 12px 12px 0 0; -} - -.titlebar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -.titlebar:backdrop:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar .titlebar { - background-color: transparent; - box-shadow: none; -} - -.titlebar headerbar + separator { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.titlebar stackswitcher { - border: 2px solid #E0E0E0; -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - color: #2C2C2C; -} - -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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: 6px; - 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: 0 6px; -} - -headerbar:not(.titlebar) { - box-shadow: none; -} - -box.vertical headerbar { - background-color: #2C2C2C; -} - -headerbar > box.left, -headerbar > box.right { - padding: 0 3px; -} - -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: 0 0 12px 12px; - margin: 0; - 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(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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), #E0E0E0 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), #E0E0E0 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(255, 255, 255, 0.3); - border-top-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: alpha(currentColor, 0.08); -} - -treeview.view:drop(active).after { - border-top-style: none; -} - -treeview.view:drop(active).before { - border-bottom-style: none; -} - -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 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: white; -} - -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view.progressbar { - border: none; - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view header button, treeview.view header button:disabled { - background-color: #2C2C2C; -} - -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop, -.menubar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - border-radius: 6px; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - border: 2px solid #E0E0E0; -} - -.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: white; - font: initial; - text-shadow: none; - border-radius: 6px; -} - -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -menu menuitem:hover accelerator, -.menu menuitem:hover accelerator, -.context-menu menuitem:hover accelerator { - color: rgba(0, 0, 0, 0.6); -} - -menu menuitem:hover:disabled accelerator, -.menu menuitem:hover:disabled accelerator, -.context-menu menuitem:hover:disabled accelerator { - color: rgba(0, 0, 0, 0.26); -} - -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -menu menuitem accelerator, -.menu menuitem accelerator, -.context-menu menuitem accelerator { - color: rgba(255, 255, 255, 0.7); -} - -menu menuitem:disabled accelerator, -.menu menuitem:disabled accelerator, -.context-menu menuitem:disabled accelerator { - color: rgba(255, 255, 255, 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: #505050; -} - -menu > arrow, -.menu > arrow, -.context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: white; -} - -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: #3C3C3C; - border-radius: 12px; -} - -popover.background, .csd popover.background { - border: 2px solid #E0E0E0; - 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: #3C3C3C; -} - -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; - min-width: 48px; - 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(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -tabbox > tab:checked, notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.15); - color: white; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -} - -tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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 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(255, 255, 255, 0.12); - color: white; -} - -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: #2C2C2C; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -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(255, 255, 255, 0.5); -} - -scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar slider:active { - background-color: white; -} - -scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar.fine-tune.horizontal slider { - margin: 2px 0; -} - -scrollbar.fine-tune.vertical slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(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(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(60, 60, 60, 0.9); -} - -scrollbar.horizontal slider { - min-width: 24px; -} - -scrollbar.vertical slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0; - border: 2px solid rgba(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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/selectionmode-checkbox-unchecked-dark@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #E0E0E0; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, -treeview.view radio:hover, -treeview.view radio:active { - color: white; -} - -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #E0E0E0; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, -treeview.view radio:checked:disabled, -treeview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 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/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -printdialog paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame > border, -.frame { - margin: 0; - padding: 0; - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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: white; -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; -} - -.app-notification button.text-button:not(:disabled) { - color: #E0E0E0; -} - -.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(255, 255, 255, 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: white; -} - -expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); -} - -/************ - * Calendar * - ************/ -calendar { - padding: 3px 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar.header { - border-style: none none solid; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -calendar.button { - border-radius: 6px; -} - -calendar.highlight { - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); -} - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: #3C3C3C; -} - -messagedialog .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -messagedialog .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #F28B82; -} - -.csd filechooser { - background-color: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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; -} - -/*********** - * 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:not(separator).left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 3px; - border-radius: 6px; -} - -stacksidebar.sidebar row:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} - -row image.sidebar-icon:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 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: #E0E0E0; -} - -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #E0E0E0; -} - -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(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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: #2C2C2C; -} - -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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border-radius: 3px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -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: white; -} - -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 #E0E0E0; -} - -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(255, 255, 255, 0.04); -} - -colorswatch#add-color-button overlay:hover { - background-color: rgba(255, 255, 255, 0.12); - box-shadow: none; -} - -colorswatch#add-color-button overlay:active { - background-color: rgba(255, 255, 255, 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -decoration { - transition: none; - 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 50px transparent; - border-radius: 14px; - border: 2px solid #E0E0E0; - background-clip: border-box; - margin: 10px; -} - -decoration:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 50px transparent; - border: 2px solid #E0E0E0; - 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 { - margin: 0; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #E0E0E0; - border: none; - border-radius: 12px 12px 0 0; -} - -.csd.popup decoration { - border-radius: 12px; - border-radius: 14px; - border: 2px solid #E0E0E0; - 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -.solid-csd decoration:backdrop { - background-color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(#E0E0E0, 0.08); - background-image: radial-gradient(circle, alpha(#E0E0E0, 0.08) 10%, transparent 0%); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -button.emoji-section { - margin: 4px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd headerbar { - padding-left: 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd placessidebar > viewport.frame { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 15px 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list { - background: none; - padding: 6px; - padding-right: 8px; - padding-right: 8px; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 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: #2C2C2C; - border-radius: 12px; -} - -.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: #474747; -} - -.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: #E0E0E0; - 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(255, 255, 255, 0.7); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; -} - -@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(255, 255, 255, 0.04); -} - -.path-bar-box.background.frame { - border-style: none; - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} - -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { - background-color: rgba(255, 255, 255, 0.08); -} - -.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 { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.windowhandle .linked.nautilus-path-bar { - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).current-dir { - color: white; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { - background: none; - box-shadow: none; -} - -.disk-space-display.unknown { - background-color: rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.3); -} - -.disk-space-display.used { - background-color: #E0E0E0; - color: #E0E0E0; -} - -.disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.12); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -.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 :not(treeview).view { - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window paned > separator { - background-color: #242424; -} - -/********* - * 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(255, 255, 255, 0.7); - font-size: smaller; -} - -.open-document-selector-match { - background-color: #FDD633; - color: rgba(0, 0, 0, 0.87); -} - -.gedit-document-panel { - background-color: #242424; -} - -.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(255, 255, 255, 0.12); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 12px; -} - -.gedit-search-slider { - margin: 0 6px 8px; - padding: 6px; - background-color: #2C2C2C; - color: white; - 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); - 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(255, 255, 255, 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: #3C3C3C; -} - -.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(255, 255, 255, 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; -} - -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: #E0E0E0; -} - -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: rgba(0, 0, 0, 0.87); -} - -.tweak-categories { - background-color: transparent; -} - -.csd .tweak-categories { - border-bottom-left-radius: 12px; -} - -.csd.maximized .tweak-categories, .csd.tiled .tweak-categories { - border-bottom-left-radius: 0; -} - -leaflet > box > scrolledwindow > viewport.frame > list.navigation-sidebar { - background-color: transparent; -} - -.tweak { - padding: 3px; -} - -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-white, -.tweak-white, -.tweak-white:hover { - background-image: image(#2C2C2C); -} - -.tweak-startup, -.tweak-startup:hover { - background-image: image(#2C2C2C); -} - -.tweak-group-startup { - background-image: image(#2C2C2C); -} - -.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(255, 255, 255, 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: #2C2C2C; - 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: #2C2C2C; - 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, leaflet frame.view, box.horizontal > stack.background frame.view { - border: none; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; - border: none; -} - -/************************ - * Gnome system monitor * - ************************/ -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #2C2C2C; - 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(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -stack.view.polari-entry-area { - background-color: #2C2C2C; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack:disabled.view.polari-entry-area { - background-image: image(#2C2C2C); -} - -/*********** - * Builder * - ***********/ -layouttabbar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -layouttabbar > box > button { - margin: 2px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #E0E0E0; - background-color: #2C2C2C; -} - -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.25); - -PnlDockBin-handle-size: 1; -} - -entry.search-missing { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -window.workbench treeview.image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -entry.preferences-search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -preferences stacksidebar.sidebar list { - background-color: #242424; -} - -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(255, 255, 255, 0.12); -} - -preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.25); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.25); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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, #E0E0E0 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -docktab:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -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 #E0E0E0; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: white; -} - -dockoverlayedge { - background-color: #2C2C2C; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -pillbox { - background-color: #2C2C2C; - border-radius: 6px; -} - -layoutpane entry.search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -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: white; - font-weight: normal; -} - -button.dzlmenubuttonitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -idelayoutstackheader { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -idelayoutstackheader button:checked { - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: #2C2C2C; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 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(224, 224, 224, 0.7) 10%, transparent 0%); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -/********** - * Photos * - **********/ -GdMainIconView.content-view { - -GdMainIconView-icon-size: 48; -} - -.documents-counter { - margin: 8px; - border-radius: 9999px; - 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); - background-color: #E0E0E0; - 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: white; - font-weight: normal; -} - -button.photos-filter-preview:checked { - background-color: alpha(currentColor, 0.06); - color: white; -} - -button.photos-filter-preview:checked image { - color: white; -} - -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(255, 255, 255, 0.12); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); -} - -.side-panel .view { - background-image: image(#242424); -} - -.side-panel .view:hover { - background-image: image(#363636); -} - -.side-panel .view:selected { - background-image: image(#E0E0E0); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #2C2C2C; -} - -/************ - * Terminal * - ************/ -terminal-window decoration { - border-radius: 14px 14px 0 0; -} - -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: #2C2C2C; -} - -/*********** - * 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.25); -} - -list.categories { - background-image: image(#242424); -} - -/********* - * Boxes * - *********/ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 6px; - background-color: #242424; - color: white; -} - -/************** - * 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: white; - background-color: #2C2C2C; - box-shadow: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.25); -} - -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: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 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: #2C2C2C; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { - min-width: 1px; - background-color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.geary-main-window.unified separator.geary-sidebar-pane-separator { - min-width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - background-color: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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 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 #E0E0E0, 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17), 0 0 0 2px #E0E0E0, 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 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); -} - -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(#3C3C3C); -} - -.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: #2C2C2C; -} - -.terminator-terminal-window notebook.frame { - border-style: none; -} - -/************* - * Ubitquity * - *************/ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(255, 255, 255, 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: #3C3C3C; -} - -window.background.chromium decoration { - background-clip: padding-box; - 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); -} - -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid #4b4b4b; -} - -window.background.chromium > button { - color: #E0E0E0; -} - -window.background.chromium > button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -window.background.chromium menubar, -window.background.chromium headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window.background.chromium headerbar button:active { - background-color: alpha(currentColor, 0.12); -} - -window.background.chromium spinner { - color: #E0E0E0; -} - -window.background.chromium textview.view { - background-color: transparent; -} - -window.background.chromium treeview.view.cell:selected:focus { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -window.background.chromium treeview.view button { - border: 1px solid #4b4b4b; - background-color: #2C2C2C; -} - -window.background.chromium menu { - border-color: #555555; -} - -window.background.chromium menu menuitem { - border-radius: 0; -} - -tooltip.background.chromium { - background-color: #191919; -} - -/*********** - * Firefox * - ***********/ -#MozillaGtkWidget > widget text { - background-color: #3C3C3C; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -#MozillaGtkWidget > widget > separator { - color: #4b4b4b; -} - -#MozillaGtkWidget > widget > scrollbar { - background-clip: border-box; -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #4b4b4b; -} - -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid #4b4b4b; - border-radius: 6px; - box-shadow: none; -} - -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: #2C2C2C; -} - -#MozillaGtkWidget > widget > entry:focus { - border-color: #E0E0E0; - box-shadow: inset 0 0 0 1px #E0E0E0; -} - -#MozillaGtkWidget > widget > entry:disabled { - background-color: #242424; -} - -#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: #757575; -} - -#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: #9E9E9E; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(117, 117, 117, 0.5); -} - -#MozillaGtkWidget menu { - border: none; -} - -#MozillaGtkWidget > widget > menubar { - color: rgba(255, 255, 255, 0.7); -} - -#MozillaGtkWidget > widget > menubar:hover { - color: white; -} - -#MozillaGtkWidget > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#MozillaGtkWidget > widget > frame { - color: #4b4b4b; -} - -#MozillaGtkWidget menu > separator { - color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -/********* - * 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 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); - margin-top: -2px; - border: 2px solid #E0E0E0; -} - -#gnc-id-main-window treeview.view { - background-color: #2C2C2C; -} - -/********* - * 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: #E0E0E0; - -UnityDecoration-title-indent: 4px; - -UnityDecoration-title-fade: 32px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration .top { - padding: 0 2px; - border-style: none; - border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #2C2C2C; - color: white; -} - -UnityDecoration .top:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.background:not(.csd) headerbar:not(.titlebar) { - border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17); -} - -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { - border-style: none; -} - -UnityPanelWidget, -.unity-panel { - background-color: #212121; - color: white; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spin 1s linear infinite; - color: #E0E0E0; -} - -/************** - * Mate-Panel * - **************/ -.mate-panel-menu-bar menubar, -#PanelApplet-window-menu-applet-button { - background-color: transparent; -} - -.mate-panel-menu-bar { - background-color: #212121; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -MatePanelAppletFrameDBus { - border-style: solid; - border-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.mate-panel-menu-bar menubar > menuitem:hover { - color: white; -} - -.mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -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: #E0E0E0; -} - -.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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#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(255, 255, 255, 0.12); -} - -#MatePanelPopupWindow expander > title { - min-height: 32px; -} - -#MatePanelPopupWindow button { - padding: 4px 16px; -} - -#MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(255, 255, 255, 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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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: white; -} - -#mate-menu { - border: 1px solid rgba(0, 0, 0, 0.25); - background-color: #3C3C3C; -} - -#mate-menu button { - min-height: 24px; - min-width: 24px; - padding: 4px 0; - color: white; - 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(255, 255, 255, 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(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.brisk-menu entry { - margin-bottom: -2px; - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.brisk-menu entry + box > box:dir(rtl) { - margin-left: -2px; - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -.brisk-menu .categories-list { - padding-top: 4px; -} - -.brisk-menu .categories-list button { - margin: 0 4px; -} - -.brisk-menu .categories-list button:checked { - color: #E0E0E0; -} - -.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: white; - 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: #2C2C2C; -} - -.caja-side-pane notebook, -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: none; - color: white; -} - -.caja-desktop.view .entry:selected, -.caja-navigation-window .view .entry:selected { - background-color: alpha(currentColor, 0.06); -} - -.caja-desktop.view .entry { - background-color: #2C2C2C; - color: white; - 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(255, 255, 255, 0.12); -} - -.caja-notebook frame > border { - border-style: none; -} - -#caja-extra-view-widget { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -#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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -/* mate-screensaver lock dialog */ -.lock-dialog { - border: 1px solid rgba(0, 0, 0, 0.25); - border-radius: 7px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.lock-dialog frame > border { - border-style: none; -} - -.lock-dialog button:not(:disabled) { - color: #E0E0E0; -} - -/* multimedia OSD */ -MsdOsdWindow.background.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -MsdOsdWindow.background.osd .trough { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); -} - -MsdOsdWindow.background.osd .progressbar { - border-radius: 0; - background-color: #E0E0E0; -} - -/****************** - * 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 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); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 0.04); -} - -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: white; - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12)); -} - -.budgie-panel button.budgie-menu-launcher:hover { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:hover image { - background-image: image(rgba(255, 255, 255, 0.2)); -} - -.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { - background-image: image(rgba(255, 255, 255, 0.28)); -} - -.budgie-panel { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.budgie-panel.transparent { - background-color: #242424; -} - -.budgie-panel button { - color: rgba(255, 255, 255, 0.7); - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 0; -} - -.budgie-panel button:hover { - color: white; -} - -.budgie-panel button:active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher:focus { - background: none; - box-shadow: none; - border: none; - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.raven-trigger { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); -} - -.budgie-panel .alert { - color: #F28B82; -} - -.budgie-panel .titlebar:not(headerbar) { - min-height: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - color: white; -} - -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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: white; -} - -.budgie-panel menubar, -.budgie-panel .menubar { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, -.budgie-panel .menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:active { - color: white; -} - -.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(255, 255, 255, 0.5); -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - 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); -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -.raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.06); - color: white; -} - -.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: white; -} - -.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: #242424; - color: white; -} - -.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(255, 255, 255, 0.7); -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -.budgie-panel .lock-keys image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 12px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.drop-shadow .linked > button { - border-radius: 12px; -} - -.budgie-session-dialog, -.budgie-polkit-dialog, -.budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.budgie-polkit-dialog .failure { - color: #F28B82; -} - -.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: white; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -/************** - * Xfce4 Apps * - **************/ -.XfceHeading { - background-color: #2C2C2C; -} - -/*************** - * xfce4-panel * - ***************/ -.xfce4-panel.background { - border: none; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.xfce4-panel.background button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} - -.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: #E0E0E0; -} - -XfdesktopIconView.view { - border-radius: 6px; - background-color: transparent; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: #2C2C2C; - color: white; -} - -#panel_window menubar, -#panel_window separator { - background-color: transparent; -} - -#panel_window separator { - padding: 0 4px; -} - -#panel_window separator:first-child { - padding: 0 8px; -} - -#panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -#panel_window menubar > menuitem:hover { - color: white; -} - -#panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - margin: 8px; - border-radius: 6px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#content_frame { - padding-bottom: 16px; -} - -#buttonbox_frame { - padding-top: 24px; -} - -#buttonbox_frame > box, -#buttonbox_frame > buttonbox { - margin: -16px; -} - -#buttonbox_frame button:not(:disabled) { - color: #E0E0E0; -} - -/******** - * Nemo * - ********/ -.nemo-window { - background-color: #2C2C2C; -} - -.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(255, 255, 255, 0.7); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 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: white; -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 100%, transparent 0%) 0 0 2/0 0 2px; -} - -.nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #6b6b6b; - -NemoPlacesTreeView-disk-full-fg-color: #E0E0E0; - -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-places-sidebar { - border: none; -} - -.nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.04); -} - -.nemo-window paned > .sidebar { - padding: 0; - background-color: #E0E0E0; - 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(168, 168, 168, 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: white; -} - -.nemo-window > grid > separator { - background-color: transparent; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar { - min-height: 32px; - padding: 3px; - margin: 0; - border-style: none; - border-radius: 0; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.left { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.right { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button { - margin: 4px; - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/thumbnail.png b/Graphite-Dark/files/Graphite-Dark/gtk-3.0/thumbnail.png deleted file mode 100644 index 09ba4d839..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-3.0/thumbnail.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic.svg deleted file mode 100644 index f2fc5ef1e..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic@2.svg deleted file mode 100644 index 464c67eeb..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/check-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad580858a..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg deleted file mode 100644 index b12be3edc..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic.svg deleted file mode 100644 index 8cfdb6208..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic@2.svg deleted file mode 100644 index 7714de691..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic.svg deleted file mode 100644 index ec2566e40..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic@2.svg deleted file mode 100644 index 06ef46eb9..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f060d..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167d..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg deleted file mode 100644 index 4b00bc195..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/scale-slider-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic.svg deleted file mode 100644 index d6eb8a5bc..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic@2.svg deleted file mode 100644 index 245090260..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-check-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index a2ba98196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 1e1a895ce..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic.svg deleted file mode 100644 index 994449063..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg deleted file mode 100644 index 0d11382ce..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic.svg deleted file mode 100644 index 221ae3aad..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic@2.svg deleted file mode 100644 index 166951608..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 1d96d6cc5..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg deleted file mode 100644 index 4f699370c..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 597a4e6fc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 63a252bb3..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index c8b17ae3a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index fe61efb6e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index e5099acff..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index 149543905..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 320fe9bb5..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 4449641e8..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 7966479f2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index a66b5a391..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index f398287c4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index cfbc21dd7..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 2e096715d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 41651c157..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 640a66715..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index a276f6502..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index e061e9bf3..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index e9319b996..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 483f8e023..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 78d188932..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index a34601c8a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index f5779e00f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index c594c1ef2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 3ac4e8e5c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index bd90f1dc6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 8bd251166..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index c73d4f7be..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 68e783cba..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 3ff2e2964..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 8444d3166..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index d5a5fe1a2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index a8ef20f29..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 95d4a8ad6..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 57cd4ae64..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index 8734299f9..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 4157a485b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index 78e50a6e2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index adc12ce25..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e03..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7e0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk-dark.css b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk-dark.css deleted file mode 100644 index 3d0b4f797..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,7200 +0,0 @@ -/*************** - * Base States * - ***************/ -.background { - background-color: #2C2C2C; - color: white; -} - -dnd { - color: white; -} - -.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: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 #E0E0E0; - background-color: rgba(224, 224, 224, 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: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: 0; -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -label.search-information { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.dim-label, row label.subtitle { - color: rgba(255, 255, 255, 0.7); - opacity: 1; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: white; -} - -.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: white; - background-color: #212121; - background-clip: padding-box; - border-radius: 6px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - 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); -} - -.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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.search { - border-radius: 9999px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image { - color: rgba(255, 255, 255, 0.7); -} - -entry image:hover, entry image:active { - color: white; -} - -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -entry undershoot.right > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error, entry.error:hover, entry.error:focus-within { - color: #F28B82; -} - -entry.error image, entry.error:hover image, entry.error:focus-within image { - color: #F28B82; -} - -entry.error selection { - color: rgba(0, 0, 0, 0.87); - background-color: #F28B82; -} - -entry.error:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.error:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning, entry.warning:hover, entry.warning:focus-within { - color: #FDD633; -} - -entry.warning image, entry.warning:hover image, entry.warning:focus-within image { - color: #FDD633; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FDD633; -} - -entry.warning:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.success { - 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success, entry.success:hover, entry.success:focus-within { - color: #81C995; -} - -entry.success image, entry.success:hover image, entry.success:focus-within image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.success:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #81C995; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry > progress, -entry progress > trough > progress { - margin: 0; - border-bottom: 2px solid #E0E0E0; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #E0E0E0 0%, rgba(224, 224, 224, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #E0E0E0 95%, rgba(224, 224, 224, 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(255, 255, 255, 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: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - 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: white; - outline: none; -} - -headerbar popover button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -headerbar popover button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - box-shadow: inset 0 0 0 2px transparent; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.7); -} - -panelstatusbar > menubutton > button:focus, -panelstatusbar > paneltogglebutton button.image-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:hover, -panelstatusbar > paneltogglebutton button.image-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:active, -panelstatusbar > paneltogglebutton button.image-button:active, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, 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.background.messagedialog .response-area > 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: white; - box-shadow: none; -} - -panelstatusbar > menubutton > button:disabled, -panelstatusbar > paneltogglebutton button.image-button:disabled, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -filechooser #pathbarbox > stack > box > button:checked, window.background.messagedialog .response-area > 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: white; - outline: none; - box-shadow: none; -} - -filechooser #pathbarbox > stack > box > button:checked:disabled, window.background.messagedialog .response-area > 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(255, 255, 255, 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: 9999px; -} - -.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: #212121; - color: white; -} - -button.osd:hover { - background-color: #474747; - color: white; -} - -button.osd:active { - background-color: #080808; - color: white; -} - -button.osd.image-button { - padding: 6px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.destructive-action.flat:checked { - background-color: rgba(242, 139, 130, 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(255, 255, 255, 0.04); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -button.card:hover { - background-image: none; - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -button.card:checked { - background-image: none; - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; - border-color: #E0E0E0; -} - -button.card:checked:hover { - background-image: none; - box-shadow: none; -} - -button.card:checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -button.card:checked.keyboard-activating, button.card:checked:active { - background-image: none; -} - -button.card:checked.has-open-popup { - background-image: none; -} - -button.card:drop(active) { - color: #FF7043; - box-shadow: inset 0 0 0 1px #FF7043; -} - -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: #E0E0E0; - color: white; -} - -menubutton.destructive-action { - background-color: #F28B82; - color: white; -} - -menubutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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: #E0E0E0; - color: white; -} - -splitbutton.destructive-action { - background-color: #F28B82; - color: white; -} - -splitbutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: white; - 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: white; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -/********* - * Links * - *********/ -link { - color: #2196F3; -} - -link:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -spinbutton:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - outline: none; -} - -spinbutton:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: white; - 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:active { - background-color: alpha(currentColor, 0.12); - color: white; - box-shadow: none; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; - outline: none; - box-shadow: none; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #2C2C2C; - 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 0.7); -} - -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: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar entry:focus-within { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -headerbar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar entry image:hover, headerbar entry image:active { - color: white; -} - -headerbar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar { - min-height: 48px; - padding: 0; - margin: 0; - border: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - color: white; - box-shadow: none; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar.flat { - background-color: transparent; - color: white; -} - -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(255, 255, 255, 0.7); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row label.subtitle:backdrop, -row headerbar label.subtitle:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; - border: 2px solid #E0E0E0; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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; -} - -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; -} - -.top-bar { - box-shadow: none; - background: none; - border: none; -} - -.top-bar .collapse-spacing { - padding: 0; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(224, 224, 224, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 6px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - outline: none; - box-shadow: none; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #4b4b4b; - border-top-color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - 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:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: rgba(255, 255, 255, 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: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: white; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: white; -} - -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(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - color: white; -} - -menubar:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - color: white; - border: 2px solid #E0E0E0; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - border: 2px solid #E0E0E0; -} - -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: white; - font: initial; - text-shadow: none; - box-shadow: none; - background: none; -} - -popover.background modelbutton:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -popover.background modelbutton:hover accelerator { - color: rgba(0, 0, 0, 0.38); -} - -popover.background modelbutton:hover accelerator:disabled { - color: rgba(0, 0, 0, 0.26); -} - -popover.background modelbutton:disabled { - color: rgba(255, 255, 255, 0.5); -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: 3px 6px; - margin: 0; - border: none; - outline: none; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, notebook > header > tabs > tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; - box-shadow: none; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, notebook > header > tabs > tab:disabled { - color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.15); - color: white; - 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(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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(255, 255, 255, 0.12); - color: white; -} - -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: rgba(255, 255, 255, 0.04); - padding: 0; - margin: 3px; - border-radius: 12px; - box-shadow: none; -} - -tabbar:not(.inline):backdrop .box { - background-color: rgba(255, 255, 255, 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 { - padding: 0; -} - -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 { - padding: 0; -} - -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: #2C2C2C; - color: white; - 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(#E0E0E0, 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(#FF7043, 0.4); - background-color: alpha(#FF7043, 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: #E0E0E0; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#E0E0E0, 0.4); -} - -tabthumbnail .card { - background: none; - color: inherit; -} - -tabthumbnail .card picture { - outline: none; - border-radius: 6px; -} - -tabthumbnail.pinned .card { - background-color: #2C2C2C; - color: white; -} - -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: transparent; - box-shadow: none; - outline: none; - border: none; - margin: 0; - padding: 0; -} - -scrollbar > range > trough { - background-color: rgba(255, 255, 255, 0.12); - padding: 0; - margin: 6px; - outline: none; - border: none; - border-radius: 9999px; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - margin: -6px; - border: 6px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar > range > trough > slider:active { - background-color: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0; -} - -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 { - margin: 3px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 0; - border: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: none; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -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(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.04); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked > slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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(255, 255, 255, 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(255, 255, 255, 0.04); -} - -check:active, -radio:active { - border-color: white; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - border-color: transparent; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-color: #efefef; - 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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -check:disabled, -radio:disabled { - border-color: rgba(255, 255, 255, 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: #E0E0E0; - 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: #E0E0E0; -} - -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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -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/check-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/dot-symbolic.svg")), -gtk-recolor(url("assets/scalable/dot-symbolic@2.svg"))); -} - -check:indeterminate, radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/line-symbolic.svg")), -gtk-recolor(url("assets/scalable/line-symbolic@2.svg"))); -} - -check:not(:checked):active { - -gtk-icon-transform: rotate(90deg); -} - -check:not(:checked):indeterminate:active { - -gtk-icon-transform: scaleX(-1); -} - -/************ - * 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 0.3); - color: transparent; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: rotate(0); -} - -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/scale-horz-marks-before-slider-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); -} - -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/scale-horz-marks-after-slider-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); -} - -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/scale-vert-marks-before-slider-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); -} - -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/scale-vert-marks-after-slider-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); -} - -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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -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: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -separator:not(.spacer) { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -listview row, -list row { - padding: 2px 6px; - color: rgba(255, 255, 255, 0.7); -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px 6px; -} - -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: white; - 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(255, 255, 255, 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 button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled { - color: rgba(255, 255, 255, 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 #E0E0E0; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -expander:hover, expander:active { - color: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 6px; -} - -expander-widget > box > title:hover > expander { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - border-radius: 6px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 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: white; - 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: #3C3C3C; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - margin-top: -6px; - padding: 6px; -} - -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: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area { - padding: 6px; - border-spacing: 6px; -} - -window.background.messagedialog .response-area > button, window.background.messagedialog .response-area > button:first-child, window.background.messagedialog .response-area > button:last-child { - border-radius: 6px; -} - -window.background.messagedialog .response-area > button:not(:last-child) { - margin-right: 6px; -} - -window.background.messagedialog .response-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area > separator { - border: none; - background: none; -} - -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(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -separator + .sidebar:not(separator):dir(ltr), separator + .sidebar:not(separator).left, separator + .sidebar:not(separator).left:dir(rtl), separator + box > .sidebar:not(separator):dir(ltr), separator + box > .sidebar:not(separator).left, separator + box > .sidebar:not(separator).left:dir(rtl) { - border-right: none; -} - -separator + .sidebar:not(separator):dir(rtl), separator + .sidebar:not(separator).right, separator + box > .sidebar:not(separator):dir(rtl), separator + box > .sidebar:not(separator).right { - 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, .sidebar-pane stacksidebar.sidebar { - border: none; -} - -stacksidebar list { - padding: 6px; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -stacksidebar row + row { - margin-top: 3px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -separator.sidebar { - background-color: rgba(255, 255, 255, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px; - border-right: none; -} - -.navigation-sidebar, .navigation-sidebar.view { - background-color: transparent; - color: inherit; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -.navigation-sidebar > row + row { - margin-top: 3px; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:hover { - background-color: #ededed; -} - -.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(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 3px 0; -} - -/**************** - * File chooser * - ****************/ -placessidebar { - background-color: #2C2C2C; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar > row { - padding: 3px 6px; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 6px 9px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: inherit; -} - -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: #E0E0E0; -} - -placessidebar .navigation-sidebar > row:selected { - font-weight: 500; -} - -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(#4b4b4b); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(#4b4b4b), image(#4b4b4b); - 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; -} - -/**************** - * Sidebar Pane * - ****************/ -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row button, placessidebar .navigation-sidebar > row:selected button.sidebar-button { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:focus, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:focus, placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover { - background-color: alpha(currentColor, 0.08); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active { - background-color: alpha(currentColor, 0.12); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - background-color: alpha(currentColor, 0.1); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:disabled, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:disabled, placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:active { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); - color: #E0E0E0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected:hover { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane { - background-color: #2C2C2C; - color: white; -} - -.sidebar-pane .sidebar, -.sidebar-pane .toolbar, -.sidebar-pane placessidebar, -.sidebar-pane .navigation-sidebar, -.sidebar-pane searchbar > revealer > box { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow, -.sidebar-pane toolbarview > placessidebar > scrolledwindow, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar .dim-label, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar row label.subtitle, row .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar label.subtitle, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar .dim-label, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar .dim-label { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > separator { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar { - background-color: transparent; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough { - background-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider { - background-color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -.sidebar-pane placessidebar .navigation-sidebar > row, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected, -.sidebar-pane placessidebar .navigation-sidebar > row:selected label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #E0E0E0; -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.content-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -/* Middle pane in three-pane setups */ -.content-pane .sidebar-pane, -.sidebar-pane .content-pane, -.sidebar-pane .sidebar-pane { - background-color: transparent; - color: inherit; -} - -.content-pane .sidebar-pane:backdrop, -.sidebar-pane .content-pane:backdrop, -.sidebar-pane .sidebar-pane:backdrop { - background-color: transparent; - transition: none; -} - -.sidebar-pane banner > revealer > widget, -.content-pane .sidebar-pane banner > revealer > widget, -.sidebar-pane .content-pane banner > revealer > widget { - background-color: transparent; - color: white; -} - -.sidebar-pane banner > revealer > widget:backdrop, -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: transparent; -} - -.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane:dir(ltr), -.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(rtl), -.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane:dir(ltr), -.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(rtl), -.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane:dir(rtl), -.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(ltr), -.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane:dir(rtl), -.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(ltr), -.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane flap > dimming, -.sidebar-pane leaflet > dimming, -.sidebar-pane navigation-view > dimming, -.sidebar-pane overlay-split-view > dimming, -.content-pane flap > dimming, -.content-pane leaflet > dimming, -.content-pane navigation-view > dimming, -.content-pane overlay-split-view > dimming, -.content-pane .sidebar-pane flap > dimming, -.content-pane .sidebar-pane leaflet > dimming, -.content-pane .sidebar-pane navigation-view > dimming, -.content-pane .sidebar-pane overlay-split-view > dimming, -.sidebar-pane .content-pane flap > dimming, -.sidebar-pane .content-pane leaflet > dimming, -.sidebar-pane .content-pane navigation-view > dimming, -.sidebar-pane .content-pane overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -.sidebar-pane flap > border, -.sidebar-pane leaflet > border, -.sidebar-pane navigation-view > border, -.sidebar-pane overlay-split-view > border, -.content-pane flap > border, -.content-pane leaflet > border, -.content-pane navigation-view > border, -.content-pane overlay-split-view > border, -.content-pane .sidebar-pane flap > border, -.content-pane .sidebar-pane leaflet > border, -.content-pane .sidebar-pane navigation-view > border, -.content-pane .sidebar-pane overlay-split-view > border, -.sidebar-pane .content-pane flap > border, -.sidebar-pane .content-pane leaflet > border, -.sidebar-pane .content-pane navigation-view > border, -.sidebar-pane .content-pane overlay-split-view > border { - background: none; -} - -.sidebar-pane flap > shadow, -.sidebar-pane leaflet > shadow, -.sidebar-pane navigation-view > shadow, -.sidebar-pane overlay-split-view > shadow, -.content-pane flap > shadow, -.content-pane leaflet > shadow, -.content-pane navigation-view > shadow, -.content-pane overlay-split-view > shadow, -.content-pane .sidebar-pane flap > shadow, -.content-pane .sidebar-pane leaflet > shadow, -.content-pane .sidebar-pane navigation-view > shadow, -.content-pane .sidebar-pane overlay-split-view > shadow, -.sidebar-pane .content-pane flap > shadow, -.sidebar-pane .content-pane leaflet > shadow, -.sidebar-pane .content-pane navigation-view > shadow, -.sidebar-pane .content-pane overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -.sidebar-pane flap > shadow.left, -.sidebar-pane leaflet > shadow.left, -.sidebar-pane navigation-view > shadow.left, -.sidebar-pane overlay-split-view > shadow.left, -.content-pane flap > shadow.left, -.content-pane leaflet > shadow.left, -.content-pane navigation-view > shadow.left, -.content-pane overlay-split-view > shadow.left, -.content-pane .sidebar-pane flap > shadow.left, -.content-pane .sidebar-pane leaflet > shadow.left, -.content-pane .sidebar-pane navigation-view > shadow.left, -.content-pane .sidebar-pane overlay-split-view > shadow.left, -.sidebar-pane .content-pane flap > shadow.left, -.sidebar-pane .content-pane leaflet > shadow.left, -.sidebar-pane .content-pane navigation-view > shadow.left, -.sidebar-pane .content-pane overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.right, -.sidebar-pane leaflet > shadow.right, -.sidebar-pane navigation-view > shadow.right, -.sidebar-pane overlay-split-view > shadow.right, -.content-pane flap > shadow.right, -.content-pane leaflet > shadow.right, -.content-pane navigation-view > shadow.right, -.content-pane overlay-split-view > shadow.right, -.content-pane .sidebar-pane flap > shadow.right, -.content-pane .sidebar-pane leaflet > shadow.right, -.content-pane .sidebar-pane navigation-view > shadow.right, -.content-pane .sidebar-pane overlay-split-view > shadow.right, -.sidebar-pane .content-pane flap > shadow.right, -.sidebar-pane .content-pane leaflet > shadow.right, -.sidebar-pane .content-pane navigation-view > shadow.right, -.sidebar-pane .content-pane overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.up, -.sidebar-pane leaflet > shadow.up, -.sidebar-pane navigation-view > shadow.up, -.sidebar-pane overlay-split-view > shadow.up, -.content-pane flap > shadow.up, -.content-pane leaflet > shadow.up, -.content-pane navigation-view > shadow.up, -.content-pane overlay-split-view > shadow.up, -.content-pane .sidebar-pane flap > shadow.up, -.content-pane .sidebar-pane leaflet > shadow.up, -.content-pane .sidebar-pane navigation-view > shadow.up, -.content-pane .sidebar-pane overlay-split-view > shadow.up, -.sidebar-pane .content-pane flap > shadow.up, -.sidebar-pane .content-pane leaflet > shadow.up, -.sidebar-pane .content-pane navigation-view > shadow.up, -.sidebar-pane .content-pane overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.down, -.sidebar-pane leaflet > shadow.down, -.sidebar-pane navigation-view > shadow.down, -.sidebar-pane overlay-split-view > shadow.down, -.content-pane flap > shadow.down, -.content-pane leaflet > shadow.down, -.content-pane navigation-view > shadow.down, -.content-pane overlay-split-view > shadow.down, -.content-pane .sidebar-pane flap > shadow.down, -.content-pane .sidebar-pane leaflet > shadow.down, -.content-pane .sidebar-pane navigation-view > shadow.down, -.content-pane .sidebar-pane overlay-split-view > shadow.down, -.sidebar-pane .content-pane flap > shadow.down, -.sidebar-pane .content-pane leaflet > shadow.down, -.sidebar-pane .content-pane navigation-view > shadow.down, -.sidebar-pane .content-pane overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -/* Transition shadows */ -flap > dimming, -leaflet > dimming, -navigation-view > dimming, -overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -flap > border, -leaflet > border, -navigation-view > border, -overlay-split-view > border { - background: none; -} - -flap > shadow, -leaflet > shadow, -navigation-view > shadow, -overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -flap > shadow.left, -leaflet > shadow.left, -navigation-view > shadow.left, -overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.right, -leaflet > shadow.right, -navigation-view > shadow.right, -overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.up, -leaflet > shadow.up, -navigation-view > shadow.up, -overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.down, -leaflet > shadow.down, -navigation-view > shadow.down, -overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -/************ - * 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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border: none; - background-clip: padding-box; - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; - 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); - 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: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 12px 12px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 12px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -window { - border: none; - outline: 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 #E0E0E0, 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 #E0E0E0, 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -windowcontrols { - border-spacing: 6px; -} - -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 6px; - margin-left: 3px; -} - -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 6px; - margin-right: 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) image { - background: none; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -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: #E0E0E0; - background-color: rgba(224, 224, 224, 0.2); -} - -text > selection, label > selection, calendar > grid > label.today:selected, stacksidebar row:selected, .navigation-sidebar > row:selected, placessidebar .navigation-sidebar > row:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 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(255, 255, 255, 0.12); - background: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 6px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background { - background-color: #2C2C2C; -} - -.nautilus-window.background:backdrop { - background-color: #2C2C2C; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - background: none; - padding: 6px; - padding-right: 8px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.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(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - background-color: #E0E0E0; - border: none; -} - -.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, .nautilus-window .nautilus-grid-view gridview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window .nautilus-list-view, .nautilus-window .nautilus-list-view columnview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window flap > separator { - background: none; -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 1px 5px 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 { - margin: 0; -} - -#NautilusQueryEditor > menubutton > button { - min-width: 16px; - min-height: 16px; - margin: 4px 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#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: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 6px; -} - -label.primary-label, label.month-name, label.secondary-label { - font-size: 16pt; - font-weight: bold; - padding: 12px; -} - -label.primary-label, label.month-name { - color: #E0E0E0; -} - -label.secondary-label { - color: rgba(255, 255, 255, 0.5); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #E0E0E0; - font-weight: bold; -} - -calendar-view.header, -label.header { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -calendar-view.current, -weekgrid.current { - background-color: alpha(#E0E0E0, 0.3); -} - -popover.events { - background-color: #2C2C2C; - padding: 0; -} - -popover.events box { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -popover.events list { - background-color: #2C2C2C; - border-radius: 6px; -} - -popover.events scrolledwindow { - border-width: 0; -} - -popover.events button { - border-radius: 6px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-style: solid none none; - box-shadow: none; -} - -event { - margin: 1px; - font-size: 0.9rem; -} - -event widget.content { - margin: 4px; -} - -event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { - border-radius: 6px; -} - -event.timed widget.edge { - border-radius: 3px; - min-width: 5px; -} - -event.slanted-start, event.slanted-end:dir(rtl) { - padding-left: 16px; - border-radius: 0 3px 3px 0; -} - -event.slanted-end, event.slanted-start:dir(rtl) { - padding-right: 16px; - border-radius: 3px 0 0 3px; -} - -event:not(.timed).color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); -} - -event.timed, event:not(.timed).color-light { - color: alpha(black, 0.75); - outline-color: rgba(255, 255, 255, 0.5); -} - -popover.event-popover, -popover.event-popover > contents { - padding: 0; -} - -.search-viewport { - background-color: #2C2C2C; -} - -.calendar-list { - background-color: transparent; -} - -.calendar-list > list { - border-radius: 4px; -} - -.sources-button { - margin-top: 0; - margin-bottom: 0; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; -} - -.sources-button:hover:not(:backdrop) { - background-image: none; - text-shadow: none; -} - -.calendar-color-image { - -gtk-icon-filter: none; -} - -image.calendar-color-image, -button:active:not(:backdrop) .calendar-color-image, -button:checked:not(:backdrop) .calendar-color-image, -.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), -.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), -.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { - -gtk-icon-shadow: 0 1px alpha(black, 0.1); -} - -datechooser { - padding: 6px; -} - -datechooser navigator { - margin-right: 6px; - margin-left: 6px; - margin-bottom: 6px; -} - -datechooser navigator label { - font-weight: bold; -} - -datechooser navigator button.flat, datechooser navigator button.image-button { - min-height: 36px; - min-width: 36px; - padding: 0; -} - -datechooser .current-week { - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 6px; -} - -datechooser .weeknum, datechooser .weekday { - color: rgba(255, 255, 255, 0.5); - font-size: smaller; -} - -datechooser button.day, datechooser button.day.flat { - font-size: 10pt; - font-weight: normal; - margin: 3px; - padding: 0; - min-height: 36px; - min-width: 36px; - transition: none; -} - -datechooser button.day dot, datechooser button.day.flat dot { - background-color: white; - border-radius: 50%; - min-height: 3px; - min-width: 3px; -} - -datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.flat:selected, datechooser button.day.flat.today:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; -} - -datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.flat:selected dot, datechooser button.day.flat.today:selected dot { - background-color: rgba(0, 0, 0, 0.87); -} - -datechooser button.day.today, datechooser button.day.flat.today { - color: #E0E0E0; -} - -datechooser button.day.today dot, datechooser button.day.flat.today dot { - background-color: #E0E0E0; -} - -datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.flat.other-month:not(:hover), datechooser button.day.flat.other-month:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.flat.other-month:not(:hover) dot, datechooser button.day.flat.other-month:backdrop dot { - background-color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.flat.other-month:hover:not(:backdrop) { - color: rgba(255, 255, 255, 0.5); -} - -datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.flat.other-month:hover:not(:backdrop) dot { - background-color: rgba(255, 255, 255, 0.5); -} - -.week-header { - padding: 0; -} - -.week-header > box:first-child { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.week-header .week-number { - font-size: 16pt; - font-weight: bold; - padding: 12px 12px 18px 12px; - color: rgba(255, 255, 255, 0.3); -} - -.week-header.week-temperature { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -.week-header.lines { - color: rgba(255, 255, 255, 0.12); -} - -weekhourbar > label { - font-size: 10pt; - padding: 4px 6px; -} - -.week-view .lines { - color: rgba(255, 255, 255, 0.12); -} - -weekgrid > widget.now-strip { - background-color: alpha(#E0E0E0, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell { - border: solid 1px rgba(255, 255, 255, 0.12); - border-width: 1px 0 0 1px; - background-color: transparent; - transition: background-color 200ms; -} - -monthcell:hover:not(.out-of-month):not(.today) { - background-color: #242424; - transition: background-color 200ms; - color: white; -} - -monthcell:selected { - background-color: alpha(#E0E0E0, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#E0E0E0, 0.3); - color: #E0E0E0; -} - -monthcell.today:selected { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#E0E0E0, 0.35); -} - -monthcell.today label.day-label.numeric { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - border-radius: 9999px; - padding: 0; - min-height: 24px; - min-width: 24px; -} - -monthcell label { - color: white; - font-size: 0.9rem; -} - -monthcell label.day-label { - font-size: 1rem; -} - -monthcell.out-of-month { - background-color: rgba(255, 255, 255, 0.04); -} - -monthcell.out-of-month label { - color: rgba(255, 255, 255, 0.7); -} - -monthcell button { - padding: 0 6px; - border-radius: 0; - border-bottom: none; - border-right: none; -} - -monthpopover > box { - margin: 0; - padding: 0; - background-color: transparent; -} - -.notes-section box > textview { - border-radius: 6px; - padding: 6px; -} - -.notes-section box > textview > text { - background: none; -} - -agenda-view list.background { - background-color: transparent; -} - -agenda-view list > row { - padding: 2px 12px; -} - -agenda-view list > label { - padding: 6px 12px; -} - -label.no-events { - font-style: italic; -} - -searchbutton > popover > arrow { - background: none; - border: none; -} - -menubutton.sources-button { - margin: 0; -} - -menubutton.sources-button > button { - border-radius: 0 0 12px 12px; - margin: 0; -} - -menubutton stack > box { - border-spacing: 6px; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane { - background-color: #242424; - color: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl) banner > revealer > widget { - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr) banner > revealer > widget { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):hover { - background-color: alpha(currentColor, 0.08); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):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: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked { - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -.content-pane toolbarview.undershoot-top calendar-view scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.content-pane toolbarview.undershoot-bottom calendar-view scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild.card { - border: none; - box-shadow: none; - padding: 0; - 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(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 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: #2196F3; - 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(242, 139, 130, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 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: #242424; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(255, 255, 255, 0.3); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #E0E0E0; -} - -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: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -checkbutton.theme-selector radio:checked:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher { - padding: 6px; -} - -themeswitcher .check { - min-height: 16px; - min-width: 16px; - background-color: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -themeswitcher .check:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher .check:active { - background-color: #E0E0E0; - 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:active, themeswitcher checkbutton radio:hover { - outline-color: rgba(255, 255, 255, 0.12); - outline-width: 1px; - outline-offset: -1px; - outline-style: solid; - box-shadow: none; -} - -themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, 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, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { - background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); - background-color: transparent; -} - -themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { - color: rgba(0, 0, 0, 0.8); - background-color: white; -} - -themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { - color: white; - background-image: image(#242424); - background-color: transparent; -} - -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: white; -} - -avatar.image { - background: none; -} - -.card { - border-radius: 6px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: border-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(255, 255, 255, 0.3); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #E0E0E0; -} - -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 3px 4px rgba(0, 0, 0, 0.2), 0 12px 14px rgba(0, 0, 0, 0.14), 0 9px 18px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; - color: white; - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -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: #E0E0E0; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -headerbar viewswitcher.narrow button.toggle { - border-radius: 0 0 12px 12px; - margin: 0; - min-width: 120px; - padding: 0; - background-color: transparent; -} - -headerbar viewswitcher.narrow button.toggle:checked { - background-color: #E0E0E0; - 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: #E0E0E0; -} - -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 { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -viewswitchertitle viewswitcher.narrow { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { - padding-top: 0; - padding-bottom: 0; - border-spacing: 0; -} - -viewswitchertitle viewswitcher.wide { - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitchertitle windowtitle { - margin-top: 0; - margin-bottom: 0; -} - -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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #E0E0E0; -} - -indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk.css b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk.css deleted file mode 100644 index 3d0b4f797..000000000 --- a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/gtk.css +++ /dev/null @@ -1,7200 +0,0 @@ -/*************** - * Base States * - ***************/ -.background { - background-color: #2C2C2C; - color: white; -} - -dnd { - color: white; -} - -.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: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 #E0E0E0; - background-color: rgba(224, 224, 224, 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: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: 0; -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -label.search-information { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.dim-label, row label.subtitle { - color: rgba(255, 255, 255, 0.7); - opacity: 1; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: white; -} - -.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: white; - background-color: #212121; - background-clip: padding-box; - border-radius: 6px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - 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); -} - -.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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.search { - border-radius: 9999px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image { - color: rgba(255, 255, 255, 0.7); -} - -entry image:hover, entry image:active { - color: white; -} - -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -entry undershoot.right > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error, entry.error:hover, entry.error:focus-within { - color: #F28B82; -} - -entry.error image, entry.error:hover image, entry.error:focus-within image { - color: #F28B82; -} - -entry.error selection { - color: rgba(0, 0, 0, 0.87); - background-color: #F28B82; -} - -entry.error:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.error:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning, entry.warning:hover, entry.warning:focus-within { - color: #FDD633; -} - -entry.warning image, entry.warning:hover image, entry.warning:focus-within image { - color: #FDD633; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FDD633; -} - -entry.warning:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.success { - 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success, entry.success:hover, entry.success:focus-within { - color: #81C995; -} - -entry.success image, entry.success:hover image, entry.success:focus-within image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.success:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #81C995; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry > progress, -entry progress > trough > progress { - margin: 0; - border-bottom: 2px solid #E0E0E0; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #E0E0E0 0%, rgba(224, 224, 224, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #E0E0E0 95%, rgba(224, 224, 224, 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(255, 255, 255, 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: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - 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: white; - outline: none; -} - -headerbar popover button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -headerbar popover button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - box-shadow: inset 0 0 0 2px transparent; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.7); -} - -panelstatusbar > menubutton > button:focus, -panelstatusbar > paneltogglebutton button.image-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:hover, -panelstatusbar > paneltogglebutton button.image-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:active, -panelstatusbar > paneltogglebutton button.image-button:active, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, 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.background.messagedialog .response-area > 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: white; - box-shadow: none; -} - -panelstatusbar > menubutton > button:disabled, -panelstatusbar > paneltogglebutton button.image-button:disabled, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -filechooser #pathbarbox > stack > box > button:checked, window.background.messagedialog .response-area > 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: white; - outline: none; - box-shadow: none; -} - -filechooser #pathbarbox > stack > box > button:checked:disabled, window.background.messagedialog .response-area > 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(255, 255, 255, 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: 9999px; -} - -.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: #212121; - color: white; -} - -button.osd:hover { - background-color: #474747; - color: white; -} - -button.osd:active { - background-color: #080808; - color: white; -} - -button.osd.image-button { - padding: 6px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.destructive-action.flat:checked { - background-color: rgba(242, 139, 130, 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(255, 255, 255, 0.04); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -button.card:hover { - background-image: none; - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -button.card:checked { - background-image: none; - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; - border-color: #E0E0E0; -} - -button.card:checked:hover { - background-image: none; - box-shadow: none; -} - -button.card:checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -button.card:checked.keyboard-activating, button.card:checked:active { - background-image: none; -} - -button.card:checked.has-open-popup { - background-image: none; -} - -button.card:drop(active) { - color: #FF7043; - box-shadow: inset 0 0 0 1px #FF7043; -} - -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: #E0E0E0; - color: white; -} - -menubutton.destructive-action { - background-color: #F28B82; - color: white; -} - -menubutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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: #E0E0E0; - color: white; -} - -splitbutton.destructive-action { - background-color: #F28B82; - color: white; -} - -splitbutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: white; - 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: white; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -/********* - * Links * - *********/ -link { - color: #2196F3; -} - -link:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -spinbutton:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - outline: none; -} - -spinbutton:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: white; - 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:active { - background-color: alpha(currentColor, 0.12); - color: white; - box-shadow: none; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; - outline: none; - box-shadow: none; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #2C2C2C; - 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 0.7); -} - -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: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar entry:focus-within { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -headerbar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar entry image:hover, headerbar entry image:active { - color: white; -} - -headerbar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar { - min-height: 48px; - padding: 0; - margin: 0; - border: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - color: white; - box-shadow: none; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar.flat { - background-color: transparent; - color: white; -} - -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(255, 255, 255, 0.7); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row label.subtitle:backdrop, -row headerbar label.subtitle:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; - border: 2px solid #E0E0E0; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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; -} - -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; -} - -.top-bar { - box-shadow: none; - background: none; - border: none; -} - -.top-bar .collapse-spacing { - padding: 0; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(224, 224, 224, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 6px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - outline: none; - box-shadow: none; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #4b4b4b; - border-top-color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - 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:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: rgba(255, 255, 255, 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: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: white; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: white; -} - -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(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - color: white; -} - -menubar:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - color: white; - border: 2px solid #E0E0E0; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - border: 2px solid #E0E0E0; -} - -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: white; - font: initial; - text-shadow: none; - box-shadow: none; - background: none; -} - -popover.background modelbutton:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -popover.background modelbutton:hover accelerator { - color: rgba(0, 0, 0, 0.38); -} - -popover.background modelbutton:hover accelerator:disabled { - color: rgba(0, 0, 0, 0.26); -} - -popover.background modelbutton:disabled { - color: rgba(255, 255, 255, 0.5); -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: 3px 6px; - margin: 0; - border: none; - outline: none; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, notebook > header > tabs > tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; - box-shadow: none; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, notebook > header > tabs > tab:disabled { - color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.15); - color: white; - 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(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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(255, 255, 255, 0.12); - color: white; -} - -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: rgba(255, 255, 255, 0.04); - padding: 0; - margin: 3px; - border-radius: 12px; - box-shadow: none; -} - -tabbar:not(.inline):backdrop .box { - background-color: rgba(255, 255, 255, 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 { - padding: 0; -} - -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 { - padding: 0; -} - -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: #2C2C2C; - color: white; - 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(#E0E0E0, 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(#FF7043, 0.4); - background-color: alpha(#FF7043, 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: #E0E0E0; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#E0E0E0, 0.4); -} - -tabthumbnail .card { - background: none; - color: inherit; -} - -tabthumbnail .card picture { - outline: none; - border-radius: 6px; -} - -tabthumbnail.pinned .card { - background-color: #2C2C2C; - color: white; -} - -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: transparent; - box-shadow: none; - outline: none; - border: none; - margin: 0; - padding: 0; -} - -scrollbar > range > trough { - background-color: rgba(255, 255, 255, 0.12); - padding: 0; - margin: 6px; - outline: none; - border: none; - border-radius: 9999px; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - margin: -6px; - border: 6px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar > range > trough > slider:active { - background-color: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0; -} - -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 { - margin: 3px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 0; - border: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: none; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -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(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.04); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked > slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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(255, 255, 255, 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(255, 255, 255, 0.04); -} - -check:active, -radio:active { - border-color: white; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - border-color: transparent; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-color: #efefef; - 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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -check:disabled, -radio:disabled { - border-color: rgba(255, 255, 255, 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: #E0E0E0; - 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: #E0E0E0; -} - -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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -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/check-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/dot-symbolic.svg")), -gtk-recolor(url("assets/scalable/dot-symbolic@2.svg"))); -} - -check:indeterminate, radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/line-symbolic.svg")), -gtk-recolor(url("assets/scalable/line-symbolic@2.svg"))); -} - -check:not(:checked):active { - -gtk-icon-transform: rotate(90deg); -} - -check:not(:checked):indeterminate:active { - -gtk-icon-transform: scaleX(-1); -} - -/************ - * 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 0.3); - color: transparent; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: rotate(0); -} - -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/scale-horz-marks-before-slider-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); -} - -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/scale-horz-marks-after-slider-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); -} - -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/scale-vert-marks-before-slider-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); -} - -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/scale-vert-marks-after-slider-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); -} - -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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -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: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -separator:not(.spacer) { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -listview row, -list row { - padding: 2px 6px; - color: rgba(255, 255, 255, 0.7); -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px 6px; -} - -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: white; - 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(255, 255, 255, 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 button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled { - color: rgba(255, 255, 255, 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 #E0E0E0; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -expander:hover, expander:active { - color: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 6px; -} - -expander-widget > box > title:hover > expander { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - border-radius: 6px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 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: white; - 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: #3C3C3C; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - margin-top: -6px; - padding: 6px; -} - -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: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area { - padding: 6px; - border-spacing: 6px; -} - -window.background.messagedialog .response-area > button, window.background.messagedialog .response-area > button:first-child, window.background.messagedialog .response-area > button:last-child { - border-radius: 6px; -} - -window.background.messagedialog .response-area > button:not(:last-child) { - margin-right: 6px; -} - -window.background.messagedialog .response-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area > separator { - border: none; - background: none; -} - -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(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -separator + .sidebar:not(separator):dir(ltr), separator + .sidebar:not(separator).left, separator + .sidebar:not(separator).left:dir(rtl), separator + box > .sidebar:not(separator):dir(ltr), separator + box > .sidebar:not(separator).left, separator + box > .sidebar:not(separator).left:dir(rtl) { - border-right: none; -} - -separator + .sidebar:not(separator):dir(rtl), separator + .sidebar:not(separator).right, separator + box > .sidebar:not(separator):dir(rtl), separator + box > .sidebar:not(separator).right { - 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, .sidebar-pane stacksidebar.sidebar { - border: none; -} - -stacksidebar list { - padding: 6px; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -stacksidebar row + row { - margin-top: 3px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -separator.sidebar { - background-color: rgba(255, 255, 255, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px; - border-right: none; -} - -.navigation-sidebar, .navigation-sidebar.view { - background-color: transparent; - color: inherit; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -.navigation-sidebar > row + row { - margin-top: 3px; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:hover { - background-color: #ededed; -} - -.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(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 3px 0; -} - -/**************** - * File chooser * - ****************/ -placessidebar { - background-color: #2C2C2C; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar > row { - padding: 3px 6px; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 6px 9px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: inherit; -} - -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: #E0E0E0; -} - -placessidebar .navigation-sidebar > row:selected { - font-weight: 500; -} - -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(#4b4b4b); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(#4b4b4b), image(#4b4b4b); - 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; -} - -/**************** - * Sidebar Pane * - ****************/ -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row button, placessidebar .navigation-sidebar > row:selected button.sidebar-button { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:focus, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:focus, placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover { - background-color: alpha(currentColor, 0.08); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active { - background-color: alpha(currentColor, 0.12); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - background-color: alpha(currentColor, 0.1); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:disabled, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:disabled, placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:active { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); - color: #E0E0E0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected:hover { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane { - background-color: #2C2C2C; - color: white; -} - -.sidebar-pane .sidebar, -.sidebar-pane .toolbar, -.sidebar-pane placessidebar, -.sidebar-pane .navigation-sidebar, -.sidebar-pane searchbar > revealer > box { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow, -.sidebar-pane toolbarview > placessidebar > scrolledwindow, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar .dim-label, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar row label.subtitle, row .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar label.subtitle, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar .dim-label, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar .dim-label { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > separator { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar { - background-color: transparent; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough { - background-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider { - background-color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -.sidebar-pane placessidebar .navigation-sidebar > row, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected, -.sidebar-pane placessidebar .navigation-sidebar > row:selected label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #E0E0E0; -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.content-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -/* Middle pane in three-pane setups */ -.content-pane .sidebar-pane, -.sidebar-pane .content-pane, -.sidebar-pane .sidebar-pane { - background-color: transparent; - color: inherit; -} - -.content-pane .sidebar-pane:backdrop, -.sidebar-pane .content-pane:backdrop, -.sidebar-pane .sidebar-pane:backdrop { - background-color: transparent; - transition: none; -} - -.sidebar-pane banner > revealer > widget, -.content-pane .sidebar-pane banner > revealer > widget, -.sidebar-pane .content-pane banner > revealer > widget { - background-color: transparent; - color: white; -} - -.sidebar-pane banner > revealer > widget:backdrop, -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: transparent; -} - -.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane:dir(ltr), -.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(rtl), -.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane:dir(ltr), -.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(rtl), -.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane:dir(rtl), -.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(ltr), -.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane:dir(rtl), -.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(ltr), -.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane flap > dimming, -.sidebar-pane leaflet > dimming, -.sidebar-pane navigation-view > dimming, -.sidebar-pane overlay-split-view > dimming, -.content-pane flap > dimming, -.content-pane leaflet > dimming, -.content-pane navigation-view > dimming, -.content-pane overlay-split-view > dimming, -.content-pane .sidebar-pane flap > dimming, -.content-pane .sidebar-pane leaflet > dimming, -.content-pane .sidebar-pane navigation-view > dimming, -.content-pane .sidebar-pane overlay-split-view > dimming, -.sidebar-pane .content-pane flap > dimming, -.sidebar-pane .content-pane leaflet > dimming, -.sidebar-pane .content-pane navigation-view > dimming, -.sidebar-pane .content-pane overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -.sidebar-pane flap > border, -.sidebar-pane leaflet > border, -.sidebar-pane navigation-view > border, -.sidebar-pane overlay-split-view > border, -.content-pane flap > border, -.content-pane leaflet > border, -.content-pane navigation-view > border, -.content-pane overlay-split-view > border, -.content-pane .sidebar-pane flap > border, -.content-pane .sidebar-pane leaflet > border, -.content-pane .sidebar-pane navigation-view > border, -.content-pane .sidebar-pane overlay-split-view > border, -.sidebar-pane .content-pane flap > border, -.sidebar-pane .content-pane leaflet > border, -.sidebar-pane .content-pane navigation-view > border, -.sidebar-pane .content-pane overlay-split-view > border { - background: none; -} - -.sidebar-pane flap > shadow, -.sidebar-pane leaflet > shadow, -.sidebar-pane navigation-view > shadow, -.sidebar-pane overlay-split-view > shadow, -.content-pane flap > shadow, -.content-pane leaflet > shadow, -.content-pane navigation-view > shadow, -.content-pane overlay-split-view > shadow, -.content-pane .sidebar-pane flap > shadow, -.content-pane .sidebar-pane leaflet > shadow, -.content-pane .sidebar-pane navigation-view > shadow, -.content-pane .sidebar-pane overlay-split-view > shadow, -.sidebar-pane .content-pane flap > shadow, -.sidebar-pane .content-pane leaflet > shadow, -.sidebar-pane .content-pane navigation-view > shadow, -.sidebar-pane .content-pane overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -.sidebar-pane flap > shadow.left, -.sidebar-pane leaflet > shadow.left, -.sidebar-pane navigation-view > shadow.left, -.sidebar-pane overlay-split-view > shadow.left, -.content-pane flap > shadow.left, -.content-pane leaflet > shadow.left, -.content-pane navigation-view > shadow.left, -.content-pane overlay-split-view > shadow.left, -.content-pane .sidebar-pane flap > shadow.left, -.content-pane .sidebar-pane leaflet > shadow.left, -.content-pane .sidebar-pane navigation-view > shadow.left, -.content-pane .sidebar-pane overlay-split-view > shadow.left, -.sidebar-pane .content-pane flap > shadow.left, -.sidebar-pane .content-pane leaflet > shadow.left, -.sidebar-pane .content-pane navigation-view > shadow.left, -.sidebar-pane .content-pane overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.right, -.sidebar-pane leaflet > shadow.right, -.sidebar-pane navigation-view > shadow.right, -.sidebar-pane overlay-split-view > shadow.right, -.content-pane flap > shadow.right, -.content-pane leaflet > shadow.right, -.content-pane navigation-view > shadow.right, -.content-pane overlay-split-view > shadow.right, -.content-pane .sidebar-pane flap > shadow.right, -.content-pane .sidebar-pane leaflet > shadow.right, -.content-pane .sidebar-pane navigation-view > shadow.right, -.content-pane .sidebar-pane overlay-split-view > shadow.right, -.sidebar-pane .content-pane flap > shadow.right, -.sidebar-pane .content-pane leaflet > shadow.right, -.sidebar-pane .content-pane navigation-view > shadow.right, -.sidebar-pane .content-pane overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.up, -.sidebar-pane leaflet > shadow.up, -.sidebar-pane navigation-view > shadow.up, -.sidebar-pane overlay-split-view > shadow.up, -.content-pane flap > shadow.up, -.content-pane leaflet > shadow.up, -.content-pane navigation-view > shadow.up, -.content-pane overlay-split-view > shadow.up, -.content-pane .sidebar-pane flap > shadow.up, -.content-pane .sidebar-pane leaflet > shadow.up, -.content-pane .sidebar-pane navigation-view > shadow.up, -.content-pane .sidebar-pane overlay-split-view > shadow.up, -.sidebar-pane .content-pane flap > shadow.up, -.sidebar-pane .content-pane leaflet > shadow.up, -.sidebar-pane .content-pane navigation-view > shadow.up, -.sidebar-pane .content-pane overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.down, -.sidebar-pane leaflet > shadow.down, -.sidebar-pane navigation-view > shadow.down, -.sidebar-pane overlay-split-view > shadow.down, -.content-pane flap > shadow.down, -.content-pane leaflet > shadow.down, -.content-pane navigation-view > shadow.down, -.content-pane overlay-split-view > shadow.down, -.content-pane .sidebar-pane flap > shadow.down, -.content-pane .sidebar-pane leaflet > shadow.down, -.content-pane .sidebar-pane navigation-view > shadow.down, -.content-pane .sidebar-pane overlay-split-view > shadow.down, -.sidebar-pane .content-pane flap > shadow.down, -.sidebar-pane .content-pane leaflet > shadow.down, -.sidebar-pane .content-pane navigation-view > shadow.down, -.sidebar-pane .content-pane overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -/* Transition shadows */ -flap > dimming, -leaflet > dimming, -navigation-view > dimming, -overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -flap > border, -leaflet > border, -navigation-view > border, -overlay-split-view > border { - background: none; -} - -flap > shadow, -leaflet > shadow, -navigation-view > shadow, -overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -flap > shadow.left, -leaflet > shadow.left, -navigation-view > shadow.left, -overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.right, -leaflet > shadow.right, -navigation-view > shadow.right, -overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.up, -leaflet > shadow.up, -navigation-view > shadow.up, -overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.down, -leaflet > shadow.down, -navigation-view > shadow.down, -overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -/************ - * 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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border: none; - background-clip: padding-box; - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; - 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); - 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: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 12px 12px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 12px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -window { - border: none; - outline: 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 #E0E0E0, 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 #E0E0E0, 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -windowcontrols { - border-spacing: 6px; -} - -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 6px; - margin-left: 3px; -} - -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 6px; - margin-right: 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) image { - background: none; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -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: #E0E0E0; - background-color: rgba(224, 224, 224, 0.2); -} - -text > selection, label > selection, calendar > grid > label.today:selected, stacksidebar row:selected, .navigation-sidebar > row:selected, placessidebar .navigation-sidebar > row:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 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(255, 255, 255, 0.12); - background: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 6px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background { - background-color: #2C2C2C; -} - -.nautilus-window.background:backdrop { - background-color: #2C2C2C; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - background: none; - padding: 6px; - padding-right: 8px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.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(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - background-color: #E0E0E0; - border: none; -} - -.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, .nautilus-window .nautilus-grid-view gridview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window .nautilus-list-view, .nautilus-window .nautilus-list-view columnview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window flap > separator { - background: none; -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 1px 5px 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 { - margin: 0; -} - -#NautilusQueryEditor > menubutton > button { - min-width: 16px; - min-height: 16px; - margin: 4px 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#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: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 6px; -} - -label.primary-label, label.month-name, label.secondary-label { - font-size: 16pt; - font-weight: bold; - padding: 12px; -} - -label.primary-label, label.month-name { - color: #E0E0E0; -} - -label.secondary-label { - color: rgba(255, 255, 255, 0.5); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #E0E0E0; - font-weight: bold; -} - -calendar-view.header, -label.header { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -calendar-view.current, -weekgrid.current { - background-color: alpha(#E0E0E0, 0.3); -} - -popover.events { - background-color: #2C2C2C; - padding: 0; -} - -popover.events box { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -popover.events list { - background-color: #2C2C2C; - border-radius: 6px; -} - -popover.events scrolledwindow { - border-width: 0; -} - -popover.events button { - border-radius: 6px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-style: solid none none; - box-shadow: none; -} - -event { - margin: 1px; - font-size: 0.9rem; -} - -event widget.content { - margin: 4px; -} - -event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { - border-radius: 6px; -} - -event.timed widget.edge { - border-radius: 3px; - min-width: 5px; -} - -event.slanted-start, event.slanted-end:dir(rtl) { - padding-left: 16px; - border-radius: 0 3px 3px 0; -} - -event.slanted-end, event.slanted-start:dir(rtl) { - padding-right: 16px; - border-radius: 3px 0 0 3px; -} - -event:not(.timed).color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); -} - -event.timed, event:not(.timed).color-light { - color: alpha(black, 0.75); - outline-color: rgba(255, 255, 255, 0.5); -} - -popover.event-popover, -popover.event-popover > contents { - padding: 0; -} - -.search-viewport { - background-color: #2C2C2C; -} - -.calendar-list { - background-color: transparent; -} - -.calendar-list > list { - border-radius: 4px; -} - -.sources-button { - margin-top: 0; - margin-bottom: 0; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; -} - -.sources-button:hover:not(:backdrop) { - background-image: none; - text-shadow: none; -} - -.calendar-color-image { - -gtk-icon-filter: none; -} - -image.calendar-color-image, -button:active:not(:backdrop) .calendar-color-image, -button:checked:not(:backdrop) .calendar-color-image, -.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), -.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), -.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { - -gtk-icon-shadow: 0 1px alpha(black, 0.1); -} - -datechooser { - padding: 6px; -} - -datechooser navigator { - margin-right: 6px; - margin-left: 6px; - margin-bottom: 6px; -} - -datechooser navigator label { - font-weight: bold; -} - -datechooser navigator button.flat, datechooser navigator button.image-button { - min-height: 36px; - min-width: 36px; - padding: 0; -} - -datechooser .current-week { - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 6px; -} - -datechooser .weeknum, datechooser .weekday { - color: rgba(255, 255, 255, 0.5); - font-size: smaller; -} - -datechooser button.day, datechooser button.day.flat { - font-size: 10pt; - font-weight: normal; - margin: 3px; - padding: 0; - min-height: 36px; - min-width: 36px; - transition: none; -} - -datechooser button.day dot, datechooser button.day.flat dot { - background-color: white; - border-radius: 50%; - min-height: 3px; - min-width: 3px; -} - -datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.flat:selected, datechooser button.day.flat.today:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; -} - -datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.flat:selected dot, datechooser button.day.flat.today:selected dot { - background-color: rgba(0, 0, 0, 0.87); -} - -datechooser button.day.today, datechooser button.day.flat.today { - color: #E0E0E0; -} - -datechooser button.day.today dot, datechooser button.day.flat.today dot { - background-color: #E0E0E0; -} - -datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.flat.other-month:not(:hover), datechooser button.day.flat.other-month:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.flat.other-month:not(:hover) dot, datechooser button.day.flat.other-month:backdrop dot { - background-color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.flat.other-month:hover:not(:backdrop) { - color: rgba(255, 255, 255, 0.5); -} - -datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.flat.other-month:hover:not(:backdrop) dot { - background-color: rgba(255, 255, 255, 0.5); -} - -.week-header { - padding: 0; -} - -.week-header > box:first-child { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.week-header .week-number { - font-size: 16pt; - font-weight: bold; - padding: 12px 12px 18px 12px; - color: rgba(255, 255, 255, 0.3); -} - -.week-header.week-temperature { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -.week-header.lines { - color: rgba(255, 255, 255, 0.12); -} - -weekhourbar > label { - font-size: 10pt; - padding: 4px 6px; -} - -.week-view .lines { - color: rgba(255, 255, 255, 0.12); -} - -weekgrid > widget.now-strip { - background-color: alpha(#E0E0E0, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell { - border: solid 1px rgba(255, 255, 255, 0.12); - border-width: 1px 0 0 1px; - background-color: transparent; - transition: background-color 200ms; -} - -monthcell:hover:not(.out-of-month):not(.today) { - background-color: #242424; - transition: background-color 200ms; - color: white; -} - -monthcell:selected { - background-color: alpha(#E0E0E0, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#E0E0E0, 0.3); - color: #E0E0E0; -} - -monthcell.today:selected { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#E0E0E0, 0.35); -} - -monthcell.today label.day-label.numeric { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - border-radius: 9999px; - padding: 0; - min-height: 24px; - min-width: 24px; -} - -monthcell label { - color: white; - font-size: 0.9rem; -} - -monthcell label.day-label { - font-size: 1rem; -} - -monthcell.out-of-month { - background-color: rgba(255, 255, 255, 0.04); -} - -monthcell.out-of-month label { - color: rgba(255, 255, 255, 0.7); -} - -monthcell button { - padding: 0 6px; - border-radius: 0; - border-bottom: none; - border-right: none; -} - -monthpopover > box { - margin: 0; - padding: 0; - background-color: transparent; -} - -.notes-section box > textview { - border-radius: 6px; - padding: 6px; -} - -.notes-section box > textview > text { - background: none; -} - -agenda-view list.background { - background-color: transparent; -} - -agenda-view list > row { - padding: 2px 12px; -} - -agenda-view list > label { - padding: 6px 12px; -} - -label.no-events { - font-style: italic; -} - -searchbutton > popover > arrow { - background: none; - border: none; -} - -menubutton.sources-button { - margin: 0; -} - -menubutton.sources-button > button { - border-radius: 0 0 12px 12px; - margin: 0; -} - -menubutton stack > box { - border-spacing: 6px; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane { - background-color: #242424; - color: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl) banner > revealer > widget { - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr) banner > revealer > widget { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):hover { - background-color: alpha(currentColor, 0.08); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):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: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked { - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -.content-pane toolbarview.undershoot-top calendar-view scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.content-pane toolbarview.undershoot-bottom calendar-view scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild.card { - border: none; - box-shadow: none; - padding: 0; - 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(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 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: #2196F3; - 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(242, 139, 130, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 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: #242424; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(255, 255, 255, 0.3); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #E0E0E0; -} - -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: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -checkbutton.theme-selector radio:checked:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher { - padding: 6px; -} - -themeswitcher .check { - min-height: 16px; - min-width: 16px; - background-color: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -themeswitcher .check:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher .check:active { - background-color: #E0E0E0; - 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:active, themeswitcher checkbutton radio:hover { - outline-color: rgba(255, 255, 255, 0.12); - outline-width: 1px; - outline-offset: -1px; - outline-style: solid; - box-shadow: none; -} - -themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, 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, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { - background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); - background-color: transparent; -} - -themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { - color: rgba(0, 0, 0, 0.8); - background-color: white; -} - -themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { - color: white; - background-image: image(#242424); - background-color: transparent; -} - -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: white; -} - -avatar.image { - background: none; -} - -.card { - border-radius: 6px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: border-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(255, 255, 255, 0.3); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #E0E0E0; -} - -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 3px 4px rgba(0, 0, 0, 0.2), 0 12px 14px rgba(0, 0, 0, 0.14), 0 9px 18px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; - color: white; - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -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: #E0E0E0; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -headerbar viewswitcher.narrow button.toggle { - border-radius: 0 0 12px 12px; - margin: 0; - min-width: 120px; - padding: 0; - background-color: transparent; -} - -headerbar viewswitcher.narrow button.toggle:checked { - background-color: #E0E0E0; - 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: #E0E0E0; -} - -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 { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -viewswitchertitle viewswitcher.narrow { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { - padding-top: 0; - padding-bottom: 0; - border-spacing: 0; -} - -viewswitchertitle viewswitcher.wide { - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitchertitle windowtitle { - margin-top: 0; - margin-bottom: 0; -} - -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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #E0E0E0; -} - -indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/thumbnail.png b/Graphite-Dark/files/Graphite-Dark/gtk-4.0/thumbnail.png deleted file mode 100644 index 09ba4d839..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/gtk-4.0/thumbnail.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/index.theme b/Graphite-Dark/files/Graphite-Dark/index.theme deleted file mode 100644 index 4f5574711..000000000 --- a/Graphite-Dark/files/Graphite-Dark/index.theme +++ /dev/null @@ -1,12 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=Graphite-Dark -Comment=An Flat Gtk+ theme based on Elegant Design -Encoding=UTF-8 - -[X-GNOME-Metatheme] -GtkTheme=Graphite-Dark -MetacityTheme=Graphite-Dark -IconTheme=Tela-circle-Dark -CursorTheme=Graphite-cursors -ButtonLayout=close,minimize,maximize:menu diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/button.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/button.svg deleted file mode 100644 index 51c67bf46..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/button.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/close.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/close.svg deleted file mode 100644 index 1fe080592..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/close.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/maximize.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/maximize.svg deleted file mode 100644 index 02d76eb51..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/maximize.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/menu.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/menu.svg deleted file mode 100644 index ad8570add..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/menu.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/minimize.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/minimize.svg deleted file mode 100644 index dc1fa3f58..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/minimize.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/shade.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/shade.svg deleted file mode 100644 index 29aeeae3e..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/shade.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unmaximize.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unmaximize.svg deleted file mode 100644 index 910603724..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unmaximize.svg +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unshade.svg b/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unshade.svg deleted file mode 100644 index fa98887f7..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/assets/unshade.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-1.xml b/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-1.xml deleted file mode 120000 index e01e16112..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-1.xml +++ /dev/null @@ -1 +0,0 @@ -metacity-theme-2.xml \ No newline at end of file diff --git a/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-2.xml b/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-2.xml deleted file mode 100644 index 7e7a215c2..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-2.xml +++ /dev/null @@ -1,621 +0,0 @@ - - - - Orchis - vinceliucie - GPL - 2020 - Orchis Metacity theme - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -</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/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-3.xml b/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-3.xml deleted file mode 100644 index d7b32c738..000000000 --- a/Graphite-Dark/files/Graphite-Dark/metacity-1/metacity-theme-3.xml +++ /dev/null @@ -1,655 +0,0 @@ -<?xml version="1.0"?> -<metacity_theme> -<info> - <name>Orchis</name> - <author>vinceliucie</author> - <copyright>GPL</copyright> - <date>2021</date> - <description>Graphite 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/Graphite-Dark/files/Graphite-Dark/metacity-1/thumbnail.png b/Graphite-Dark/files/Graphite-Dark/metacity-1/thumbnail.png deleted file mode 100644 index 578efdf87..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/metacity-1/thumbnail.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/plank/dock.theme b/Graphite-Dark/files/Graphite-Dark/plank/dock.theme deleted file mode 100644 index 1b749eb56..000000000 --- a/Graphite-Dark/files/Graphite-Dark/plank/dock.theme +++ /dev/null @@ -1,64 +0,0 @@ -#This file based on: -#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme - -[PlankTheme] -#The roundness of the top corners. -TopRoundness=12 -#The roundness of the bottom corners. -BottomRoundness=0 -#The thickness (in pixels) of lines drawn. -LineWidth=0 -#The color (RGBA) of the outer stroke. -OuterStrokeColor=0;;0;;0;;0 -#The starting color (RGBA) of the fill gradient. -FillStartColor=33;;33;;33;;255 -#The ending color (RGBA) of the fill gradient. -FillEndColor=33;;33;;33;;255 -#The color (RGBA) of the inner stroke. -InnerStrokeColor=0;;0;;0;;0 - -[PlankDockTheme] -#The padding on the left/right dock edges, in tenths of a percent of IconSize. -HorizPadding=1 -#The padding on the top dock edge, in tenths of a percent of IconSize. -TopPadding=2 -#The padding on the bottom dock edge, in tenths of a percent of IconSize. -BottomPadding=1 -#The padding between items on the dock, in tenths of a percent of IconSize. -ItemPadding=2 -#The size of item indicators, in tenths of a percent of IconSize. -IndicatorSize=5 -#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. -IconShadowSize=0 -#The height (in percent of IconSize) to bounce an icon when the application sets urgent. -UrgentBounceHeight=1.6666666666666667 -#The height (in percent of IconSize) to bounce an icon when launching an application. -LaunchBounceHeight=0.625 -#The opacity value (0 to 1) to fade the dock to when hiding it. -FadeOpacity=1 -#The amount of time (in ms) for click animations. -ClickTime=0 -#The amount of time (in ms) to bounce an urgent icon. -UrgentBounceTime=600 -#The amount of time (in ms) to bounce an icon when launching an application. -LaunchBounceTime=600 -#The amount of time (in ms) for active window indicator animations. -ActiveTime=150 -#The amount of time (in ms) to slide icons into/out of the dock. -SlideTime=300 -#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). -FadeTime=250 -#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). -HideTime=250 -#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. -GlowSize=30 -#The total time (in ms) to show the hidden-dock urgent glow. -GlowTime=10000 -#The time (in ms) of each pulse of the hidden-dock urgent glow. -GlowPulseTime=2000 -#The hue-shift (-180 to 180) of the urgent indicator color. -UrgentHueShift=150 -#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. -ItemMoveTime=450 -#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. -CascadeHide=true diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-active.png deleted file mode 100644 index 7273ca5da..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-inactive.png deleted file mode 100644 index 7273ca5da..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-active.png deleted file mode 100644 index 1e458ec1c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-inactive.png deleted file mode 100644 index 1e458ec1c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-active.png deleted file mode 100644 index 82d1a3877..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-inactive.png deleted file mode 100644 index 82d1a3877..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/close-active.png deleted file mode 100644 index ea284c698..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/close-inactive.png deleted file mode 100644 index c4154a1c0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/close-prelight.png deleted file mode 100644 index f6cd30e8e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/close-pressed.png deleted file mode 100644 index f6cd30e8e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/close-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-active.png deleted file mode 100644 index 0bcd9f68f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-inactive.png deleted file mode 100644 index df2cb1392..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-prelight.png deleted file mode 100644 index ea9164362..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-pressed.png deleted file mode 100644 index e3b90d29e..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/hide-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/left-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/left-active.png deleted file mode 100644 index 973e6a1dc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/left-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/left-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/left-inactive.png deleted file mode 100644 index 973e6a1dc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/left-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-active.png deleted file mode 100644 index 5bbedd5d0..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-inactive.png deleted file mode 100644 index bce08c544..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-prelight.png deleted file mode 100644 index a55c98129..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-pressed.png deleted file mode 100644 index 8cc618d3d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-active.png deleted file mode 100644 index 6099a9735..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-inactive.png deleted file mode 100644 index 664f4d116..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-prelight.png deleted file mode 100644 index 545802f31..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-pressed.png deleted file mode 100644 index 1c98d805c..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/maximize-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-active.png deleted file mode 100644 index 26af017c4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-inactive.png deleted file mode 100644 index ab66a379d..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-prelight.png deleted file mode 100644 index a735ca235..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-pressed.png deleted file mode 100644 index 07e1e3af4..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/menu-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/right-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/right-active.png deleted file mode 100644 index 973e6a1dc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/right-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/right-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/right-inactive.png deleted file mode 100644 index 973e6a1dc..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/right-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-active.png deleted file mode 100644 index 3be027c85..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-inactive.png deleted file mode 100644 index 88f191b44..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-prelight.png deleted file mode 100644 index 4aef1e1fd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-pressed.png deleted file mode 100644 index d77ed546f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-active.png deleted file mode 100644 index b81cbf7db..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-inactive.png deleted file mode 100644 index bb1415333..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-prelight.png deleted file mode 100644 index 03c73629b..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-pressed.png deleted file mode 100644 index f319d8844..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/shade-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-active.png deleted file mode 100644 index 04ec9f010..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-inactive.png deleted file mode 100644 index 59e861128..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-prelight.png deleted file mode 100644 index 65e06ea47..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-pressed.png deleted file mode 100644 index 823d5c6c1..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-active.png deleted file mode 100644 index 666ef7287..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-inactive.png deleted file mode 100644 index 0cbdb6937..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-prelight.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-prelight.png deleted file mode 100644 index fffa1c93a..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-pressed.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-pressed.png deleted file mode 100644 index 41a14bfc9..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/stick-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/themerc b/Graphite-Dark/files/Graphite-Dark/xfwm4/themerc deleted file mode 100644 index 8ed1a7793..000000000 --- a/Graphite-Dark/files/Graphite-Dark/xfwm4/themerc +++ /dev/null @@ -1,23 +0,0 @@ -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/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-active.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-inactive.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-active.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-inactive.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-active.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-inactive.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-active.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-inactive.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-active.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-inactive.png deleted file mode 100644 index 4981aecb2..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-active.png deleted file mode 100644 index 2dce3007f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-inactive.png deleted file mode 100644 index 2dce3007f..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-active.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-active.png deleted file mode 100644 index 6e32484dd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-active.png and /dev/null differ diff --git a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-inactive.png b/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-inactive.png deleted file mode 100644 index 6e32484dd..000000000 Binary files a/Graphite-Dark/files/Graphite-Dark/xfwm4/top-right-inactive.png and /dev/null differ diff --git a/Graphite-Dark/info.json b/Graphite-Dark/info.json deleted file mode 100644 index f6a5e3cbb..000000000 --- a/Graphite-Dark/info.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "author": "fredcw", - "name": "Graphite-Dark", - "description": "Graphite gtk theme.", - "license": "GPLv3" -} diff --git a/Graphite-Dark/screenshot.png b/Graphite-Dark/screenshot.png deleted file mode 100644 index de983f3d3..000000000 Binary files a/Graphite-Dark/screenshot.png and /dev/null differ diff --git a/Graphite-Light/LICENSE.txt b/Graphite-Light/LICENSE.txt deleted file mode 100644 index e62ec04cd..000000000 --- a/Graphite-Light/LICENSE.txt +++ /dev/null @@ -1,674 +0,0 @@ -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/Graphite-Light/README.md b/Graphite-Light/README.md deleted file mode 100644 index 498efbe87..000000000 --- a/Graphite-Light/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## Graphite-Light - -Version: _2023.12.29_ - -Theme supports gtk2, gtk3, gtk4, and cinnamon. - -I have uploaded this theme here for convenience only. All credit goes to the original author(s). See [https://github.com/vinceliuice/Graphite-gtk-theme](https://github.com/vinceliuice/Graphite-gtk-theme) for more information. - -For theme and color variations see theme homepage linked above or visit theme page on [Pling.com](https://www.gnome-look.org/p/1598493) - -## Installation - -Most easily installed via Cinnamon's Themes module in Cinnamon settings. - -To allow the GTK2, GTK3, and GTK4 themes to apply to GUI apps running as root, run this command in your terminal after installation to create a symlink to the theme in the local system theme directory. - -`sudo mkdir -p /usr/local/share/themes; sudo ln -s ~/.themes/Graphite-Light /usr/local/share/themes/` - -### Libadwaita - -To style libadwaita applications, you'll need to copy or create links of the contents of the folder (not the folder itself) `~/.themes/Graphite-Light/gtk-4.0/` into the folder `~/.config/gtk-4.0/` You can do this using the following command in a terminal: - -`ln -sf ~/.themes/Graphite-Light/gtk-4.0/* ~/.config/gtk-4.0/` - -Note that this will overwrite any existing libadwaita theme you may have installed in `~/.config/gtk-4.0/` so you may want to first make a backup of any existing files and subdirectories you have in there if you want to keep them. If you want to return to using the default libadwaita theme, just delete the all the files and subdirectories in `~/.config/gtk-4.0/` diff --git a/Graphite-Light/files/Graphite-Light/LICENSE.txt b/Graphite-Light/files/Graphite-Light/LICENSE.txt deleted file mode 100644 index e62ec04cd..000000000 --- a/Graphite-Light/files/Graphite-Light/LICENSE.txt +++ /dev/null @@ -1,674 +0,0 @@ -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/Graphite-Light/files/Graphite-Light/README.md b/Graphite-Light/files/Graphite-Light/README.md deleted file mode 100644 index 498efbe87..000000000 --- a/Graphite-Light/files/Graphite-Light/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## Graphite-Light - -Version: _2023.12.29_ - -Theme supports gtk2, gtk3, gtk4, and cinnamon. - -I have uploaded this theme here for convenience only. All credit goes to the original author(s). See [https://github.com/vinceliuice/Graphite-gtk-theme](https://github.com/vinceliuice/Graphite-gtk-theme) for more information. - -For theme and color variations see theme homepage linked above or visit theme page on [Pling.com](https://www.gnome-look.org/p/1598493) - -## Installation - -Most easily installed via Cinnamon's Themes module in Cinnamon settings. - -To allow the GTK2, GTK3, and GTK4 themes to apply to GUI apps running as root, run this command in your terminal after installation to create a symlink to the theme in the local system theme directory. - -`sudo mkdir -p /usr/local/share/themes; sudo ln -s ~/.themes/Graphite-Light /usr/local/share/themes/` - -### Libadwaita - -To style libadwaita applications, you'll need to copy or create links of the contents of the folder (not the folder itself) `~/.themes/Graphite-Light/gtk-4.0/` into the folder `~/.config/gtk-4.0/` You can do this using the following command in a terminal: - -`ln -sf ~/.themes/Graphite-Light/gtk-4.0/* ~/.config/gtk-4.0/` - -Note that this will overwrite any existing libadwaita theme you may have installed in `~/.config/gtk-4.0/` so you may want to first make a backup of any existing files and subdirectories you have in there if you want to keep them. If you want to return to using the default libadwaita theme, just delete the all the files and subdirectories in `~/.config/gtk-4.0/` diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-active.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-active.svg deleted file mode 100644 index 4b742855e..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-hover.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-hover.svg deleted file mode 100644 index 8a1d3516b..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace-hover.svg +++ /dev/null @@ -1,112 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace.svg deleted file mode 100644 index 8dba5df9f..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/add-workspace.svg +++ /dev/null @@ -1,113 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-left.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-left.svg deleted file mode 100644 index 738a3f2ca..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> - <path d="M10 3v10L5 8z" fill="#000000" opacity="0.54"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-right.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-right.svg deleted file mode 100644 index acb514b9a..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> - <path d="M6 3v10l5-5z" fill="#000000" opacity="0.54"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-dark.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-dark.svg deleted file mode 100644 index 65c19018f..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-off.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-off.svg deleted file mode 100644 index 8517604b1..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox-off.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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="#333333"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox.svg deleted file mode 100644 index b3a73fa16..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/checkbox.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-active.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-active.svg deleted file mode 100644 index 0dde2b9d5..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-active.svg +++ /dev/null @@ -1,10 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-hover.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-hover.svg deleted file mode 100644 index 37f8806a0..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/close-hover.svg +++ /dev/null @@ -1,10 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/close.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/close.svg deleted file mode 100644 index 5dcc697b9..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/close.svg +++ /dev/null @@ -1,10 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/corner-ripple.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/corner-ripple.svg deleted file mode 100644 index 6440b6ca5..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-dark.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-dark.svg deleted file mode 100644 index 375c388ae..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-off.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-off.svg deleted file mode 100644 index 8517604b1..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton-off.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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="#333333"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton.svg deleted file mode 100644 index 27a8ab486..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/radiobutton.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-off.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-off.svg deleted file mode 100644 index 3acc14ac4..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-off.svg +++ /dev/null @@ -1,6 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on-dark.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on-dark.svg deleted file mode 100644 index 23f9373e1..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on.svg deleted file mode 100644 index 510abf19a..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/toggle-on.svg +++ /dev/null @@ -1,4 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/cinnamon/assets/trash-icon.svg b/Graphite-Light/files/Graphite-Light/cinnamon/assets/trash-icon.svg deleted file mode 100644 index e9d974130..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/assets/trash-icon.svg +++ /dev/null @@ -1,6 +0,0 @@ -<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="#ffffff" 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="#4d4d4d"/> - </g> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/cinnamon.css b/Graphite-Light/files/Graphite-Light/cinnamon/cinnamon.css deleted file mode 100644 index 45d64b766..000000000 --- a/Graphite-Light/files/Graphite-Light/cinnamon/cinnamon.css +++ /dev/null @@ -1,2169 +0,0 @@ -stage { - font-size: 9pt; - color: rgba(0, 0, 0, 0.87); -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 24px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - color: rgba(0, 0, 0, 0.6); - background-color: rgba(0, 0, 0, 0.04); -} - -.sound-button:focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.26); - border-radius: 6px; -} - -.sound-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.26); - border-radius: 6px; -} - -.sound-button:insensitive { - color: rgba(0, 0, 0, 0.38); - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.26); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - color: rgba(0, 0, 0, 0.26); - 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.04); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #333333; -} - -.modal-dialog-button-box .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 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: #333333; - selected-color: white; - transition-duration: 300ms; - border-radius: 9999px; - color: rgba(0, 0, 0, 0.87); - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.04); - border: 2px solid #333333; -} - -#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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -#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: #F4B400; - 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(255, 255, 255, 0.1); - border-radius: 9999px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 9999px; - background-color: rgba(169, 169, 169, 0.948); - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(192, 192, 192, 0.961); -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #333333; -} - -.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(0, 0, 0, 0.12); - -slider-border-color: transparent; - -slider-active-background-color: #333333; - -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: .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.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .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.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.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.svg"); -} - -.cinnamon-link { - color: #2196F3; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #51adf6; -} - -#Tooltip { - border-radius: 9999px; - padding: 6px 12px; - background-color: rgba(52, 52, 52, 0.9); - color: white; - margin: 6px; - 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); - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 3px; - color: rgba(0, 0, 0, 0.87); - background-color: rgba(255, 255, 255, 0.95); - border-radius: 12px; - margin: 6px; - box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); - border: 2px solid #333333; -} - -.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: #333333; - color: rgba(255, 255, 255, 0.7); -} - -.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(255, 255, 255, 0.12); - color: white; -} - -.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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(0, 0, 0, 0.38); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: rgba(0, 0, 0, 0.38); -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(0, 0, 0, 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(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 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: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 36px; - width: 42px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(217, 48, 37, 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: rgba(0, 0, 0, 0.6); - font-size: 1em; - padding: 0px; - background-color: rgba(242, 242, 242, 0.75); - 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: white; - background-color: #333333; -} - -.panel-dummy { - background-color: rgba(217, 48, 37, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(217, 48, 37, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: rgba(0, 0, 0, 0.6); -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: rgba(0, 0, 0, 0.6); -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(52, 52, 52, 0.9); - border: 1px solid rgba(52, 52, 52, 0.9); - color: white; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -.window-caption#selected { - background-color: #333333; - color: white; - border: 1px solid #333333; - spacing: 25px; -} - -.expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; -} - -.expo-workspaces-name-entry:focus, -.expo-workspaces-name-entry#selected:focus { - border: 1px solid #333333; - background-color: #333333; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #333333; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -.expo-workspace-thumbnail-frame#active { - border: 4px solid #333333; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #343434; -} - -.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: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #FFFFFF; - 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: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(0, 0, 0, 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: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.6); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(0, 0, 0, 0.6); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #333333; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(0, 0, 0, 0.6); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(0, 0, 0, 0.26); - font-weight: bold; - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(255, 255, 255, 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(0, 0, 0, 0.05); - box-shadow: none; - margin: 0; -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); -} - -.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: rgba(0, 0, 0, 0.87); -} - -#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: rgba(0, 0, 0, 0.87); -} - -.notification-button, .notification-icon-button { - padding: 6px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(255, 255, 255, 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 #333333; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #333333; - border: 0px solid #333333; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.6); -} - -.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: white; -} - -.modal-dialog { - color: white; - background-color: rgba(45, 45, 45, 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(52, 52, 52, 0.9); - border-radius: 6px; - color: white; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: white; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #D93025; -} - -.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: white; - selected-color: white; - selection-background-color: #333333; - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; -} - -.run-dialog-entry:focus { - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid #333333; -} - -.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: #F4B400; -} - -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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 maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(52, 52, 52, 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.04); -} - -.keyboard-key:hover { - color: white; - background-color: rgba(255, 255, 255, 0.12); -} - -.keyboard-key:active, .keyboard-key:checked { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.keyboard-key:grayed { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; -} - -.keyboard-subkeys { - color: white; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(52, 52, 52, 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(0, 0, 0, 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(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: #333333; - color: white; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; - color: white; -} - -.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(255, 255, 255, 0.12); - color: white; -} - -.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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(0, 0, 0, 0.38); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.menu-search-entry-icon { - icon-size: 1em; - color: rgba(0, 0, 0, 0.87); -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: rgba(0, 0, 0, 0.6); - background-color: rgba(242, 242, 242, 0.75); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: rgba(0, 0, 0, 0.6); - border-radius: 0; - background-color: rgba(242, 242, 242, 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: #333333; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #333333; -} - -.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(217, 48, 37, 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(0, 0, 0, 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(0, 0, 0, 0.6); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: rgba(0, 0, 0, 0.6); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.25); - border-color: rgba(0, 0, 0, 0.26); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(0, 0, 0, 0.3); -} - -.window-list-item-box:focus { - color: rgba(0, 0, 0, 0.6); - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); - border-color: #333333; - background-color: rgba(0, 0, 0, 0.2); -} - -.window-list-item-box:focus:hover { - background-color: rgba(0, 0, 0, 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: #0F9D58; - background-gradient-end: #0F9D58; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F4B400; - background-gradient-end: #F4B400; -} - -.window-list-preview { - padding: 12px; - spacing: 6px; - border: none; - background-color: #FFFFFF; - border-radius: 6px; - color: rgba(0, 0, 0, 0.87); - 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(217, 48, 37, 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(0, 0, 0, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(0, 0, 0, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #333333; -} - -.grouped-window-list-item-box { - font-weight: normal; - transition-duration: 100ms; - border: none; - margin: 0; - color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.15); -} - -.grouped-window-list-item-box:active { - color: rgba(0, 0, 0, 0.6); - background-gradient-direction: none; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(0, 0, 0, 0.15); -} - -.grouped-window-list-item-box:focus { - color: rgba(0, 0, 0, 0.6); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); - border-color: #333333; -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(0, 0, 0, 0.3); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0F9D58; - background-gradient-end: #0F9D58; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F4B400; - background-gradient-end: #F4B400; -} - -.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: .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: #333333; - color: white; -} - -.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(255, 255, 255, 0.12); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.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: white; - text-shadow: none; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: white; - border-radius: 9999px; - border: none; - text-shadow: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -.sound-player-overlay StButton:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(255, 255, 255, 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(32, 32, 32, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #333333; - -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(0, 0, 0, 0.6); - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #333333; -} - -.workspace-button:hover { - color: #4d4d4d; -} - -/* 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 #333333; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.75); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.75); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.75); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 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(0, 0, 0, 0.1); -} - -.panel-launcher:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 0; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.launcher:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 3px; -} - -.applet-separator-line { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.applet-box { - padding: 0 6px; - color: rgba(0, 0, 0, 0.6); - text-shadow: none; - transition-duration: 100ms; - border-radius: 0; -} - -.applet-box.vertical { - padding: 6px 0; -} - -.applet-box:hover { - color: rgba(0, 0, 0, 0.6); - background-color: rgba(0, 0, 0, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #333333; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(217, 48, 37, 0.5); -} - -.applet-label { - font-weight: bold; - color: rgba(0, 0, 0, 0.6); -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: rgba(0, 0, 0, 0.6); - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: rgba(0, 0, 0, 0.6); - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: rgba(0, 0, 0, 0.87); - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: white; -} - -.desklet:highlight { - background-color: rgba(217, 48, 37, 0.5); -} - -.desklet-with-borders { - color: white; - background-color: rgba(52, 52, 52, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(217, 48, 37, 0.5); -} - -.desklet-with-borders-and-header { - color: white; - background-color: rgba(52, 52, 52, 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(217, 48, 37, 0.5); -} - -.desklet-header { - color: white; - background-color: rgba(52, 52, 52, 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 #333333; - background-color: rgba(51, 51, 51, 0.3); -} - -.photoframe-box { - color: white; - background-color: rgba(52, 52, 52, 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: .5em 1em; -} - -.notification-applet-container { - max-height: 9999px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(51, 51, 51, 0.3); - border: 1px solid #333333; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/Graphite-Light/files/Graphite-Light/cinnamon/thumbnail.png b/Graphite-Light/files/Graphite-Light/cinnamon/thumbnail.png deleted file mode 100644 index 15081f8eb..000000000 Binary files a/Graphite-Light/files/Graphite-Light/cinnamon/thumbnail.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-left.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-left.svg deleted file mode 100644 index 309e10b64..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#000000" opacity="0.54"> - <path d="m10 3v10l-5-5z"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-right.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-right.svg deleted file mode 100644 index 67d2c49e3..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#000000" opacity="0.54"> - <path d="m6 3v10l5-5z"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-today.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-today.svg deleted file mode 100644 index 03405a4e1..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/calendar-today.svg +++ /dev/null @@ -1,5 +0,0 @@ -<svg width="24" height="24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <g transform="translate(-469.08 -537.99)"> - <circle cx="481.57" cy="559.46" r="1.5" color="#000000" color-rendering="auto" fill-opacity=".2" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal;paint-order:normal"/> - </g> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-dark.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-dark.svg deleted file mode 100644 index 5bc9d3e3b..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-dark.svg +++ /dev/null @@ -1,41 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-off.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-off.svg deleted file mode 100644 index 14ff8d2db..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox-off.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" opacity="0.54"> - <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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox.svg deleted file mode 100644 index 63c390c56..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/checkbox.svg +++ /dev/null @@ -1,41 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/dash-placeholder.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/dash-placeholder.svg deleted file mode 100644 index 172156ae8..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/dash-placeholder.svg +++ /dev/null @@ -1,4 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-events.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-events.svg deleted file mode 100644 index 61dde6aa8..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-events.svg +++ /dev/null @@ -1,82 +0,0 @@ -<?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="2160" - inkscape:window-height="1382" - id="namedview8" - showgrid="true" - inkscape:zoom="4.9166667" - inkscape:cx="-37.01695" - inkscape:cy="22.37288" - inkscape:window-x="0" - inkscape:window-y="32" - inkscape:window-maximized="1" - 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:#111111;fill-opacity:1;opacity:0.54" /> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-notifications.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-notifications.svg deleted file mode 100644 index 8a936cfda..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/no-notifications.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#000000" opacity="0.38"> - <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/> -</svg> diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/noise-texture.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/noise-texture.svg deleted file mode 100644 index 484f6c874..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/noise-texture.svg +++ /dev/null @@ -1,78 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/process-working.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/process-working.svg deleted file mode 100644 index c933bf593..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/process-working.svg +++ /dev/null @@ -1,308 +0,0 @@ -<?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="#ffffff" - bordercolor="#000000" - borderopacity="0.25" - inkscape:showpageshadow="2" - inkscape:pageopacity="0.0" - inkscape:pagecheckerboard="0" - inkscape:deskcolor="#d1d1d1" - showgrid="false" - inkscape:zoom="9.953125" - inkscape:cx="32.301413" - inkscape:cy="17.934066" - 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="#333333" /> - </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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off-dark.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off-dark.svg deleted file mode 100644 index 2341bc5e0..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off.svg deleted file mode 100644 index 3acc14ac4..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-off.svg +++ /dev/null @@ -1,6 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on-dark.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on-dark.svg deleted file mode 100644 index 76106808f..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on-dark.svg +++ /dev/null @@ -1,51 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on.svg deleted file mode 100644 index 4685294b5..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/assets/toggle-on.svg +++ /dev/null @@ -1,51 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gnome-shell/gnome-shell.css b/Graphite-Light/files/Graphite-Light/gnome-shell/gnome-shell.css deleted file mode 100644 index 3d8465c89..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/gnome-shell.css +++ /dev/null @@ -1,4261 +0,0 @@ -/* 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(128, 128, 128, 0.3); - box-shadow: 0 0 2px 2px #666666; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #333333; - -pie-background-color: rgba(153, 153, 153, 0.3); -} - -.magnifier-zoom-region { - border: 2px solid #333333; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -/* App Icons */ -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon { - color: rgba(255, 255, 255, 0.7); - 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(255, 255, 255, 0.12); - 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(255, 255, 255, 0.3); - box-shadow: none; -} - -.app-well-app.app-folder { - background-color: rgba(255, 255, 255, 0.12); - border-radius: 15px; -} - -.app-well-app.app-folder .overview-icon { - background-color: transparent; - border-radius: 15px; -} - -.app-well-app.app-folder:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-well-app.app-folder:active { - background-color: rgba(255, 255, 255, 0.3); -} - -.app-folder-dialog { - border-radius: 36px; - padding: 12px; - background-color: #212121; - box-shadow: none; - border: 2px solid #e0e0e0; -} - -.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: rgba(255, 255, 255, 0.7); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.06); - color: rgba(255, 255, 255, 0.7); - 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(255, 255, 255, 0.12); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: white; - 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(255, 255, 255, 0.3); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - width: 24px; - background-color: white !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: #212121; - color: white; - border-radius: 9999px; - icon-size: 48px; -} - -.shell-link { - border-radius: 6px; - color: #2196F3; -} - -.shell-link:hover { - color: #2196F3; - background-color: rgba(33, 150, 243, 0.15); -} - -.shell-link:active { - color: #2196F3; - background-color: rgba(33, 150, 243, 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: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.35); - background-color: #FFFFFF; - box-shadow: none !important; -} - -.lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button { - color: rgba(0, 0, 0, 0.87); - 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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(0, 0, 0, 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: white; - 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(255, 255, 255, 0.35); - background-color: #212121; - 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: white; - background-color: rgba(255, 255, 255, 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: #e0e0e0; - 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(0, 0, 0, 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(0, 0, 0, 0.6); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); - box-shadow: none; -} - -.popup-menu .message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.12); -} - -.datemenu-today-button:active { - background-color: rgba(0, 0, 0, 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; - color: rgba(0, 0, 0, 0.6); -} - -.calendar .calendar-month-label { - padding: 6px 0; - color: rgba(0, 0, 0, 0.6); - 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: rgba(0, 0, 0, 0.87); -} - -.calendar .pager-button:hover, .calendar .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar .pager-button:active { - background-color: rgba(0, 0, 0, 0.26); -} - -.calendar .calendar-day, -.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(0, 0, 0, 0.6) !important; - border: none; - font-feature-settings: "tnum"; -} - -.calendar .calendar-day:hover, .calendar .calendar-day:focus, -.calendar .calendar-day-base:hover, -.calendar .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); - box-shadow: none !important; - outline: none !important; -} - -.calendar .calendar-day:active, .calendar .calendar-day:selected, -.calendar .calendar-day-base:active, -.calendar .calendar-day-base:selected { - color: rgba(0, 0, 0, 0.87) !important; - background-color: rgba(0, 0, 0, 0.26); - border-color: transparent !important; - box-shadow: none !important; - outline: none !important; -} - -.calendar .calendar-day.calendar-weekend, -.calendar .calendar-day-base.calendar-weekend { - color: rgba(0, 0, 0, 0.38) !important; -} - -.calendar .calendar-day.calendar-day-heading, -.calendar .calendar-day-base.calendar-day-heading { - margin-top: 1em; - color: rgba(0, 0, 0, 0.38); - 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(0, 0, 0, 0.87); -} - -.calendar .calendar-today { - font-weight: bold; - color: rgba(0, 0, 0, 0.6) !important; - background-color: rgba(0, 0, 0, 0.06); - border: none; -} - -.calendar .calendar-today:hover, .calendar .calendar-today:focus { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87) !important; -} - -.calendar .calendar-today:active { - background-color: #262626; - color: white !important; -} - -.calendar .calendar-today:selected { - background-color: #333333; - color: white !important; -} - -.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #474747; - color: white !important; -} - -.calendar .calendar-day-with-events { - color: rgba(0, 0, 0, 0.6); - background-image: url("assets/calendar-today.svg"); -} - -.calendar .calendar-day-with-events.calendar-work-day { - color: rgba(0, 0, 0, 0.6); - font-weight: bold; -} - -.calendar .calendar-other-month, -.calendar .calendar-other-month-day { - color: rgba(0, 0, 0, 0.26) !important; - font-weight: normal; -} - -.calendar .calendar-other-month.calendar-weekend, -.calendar .calendar-other-month-day.calendar-weekend { - color: rgba(0, 0, 0, 0.26) !important; -} - -.calendar .calendar-week-number { - width: 26px; - height: 20px; - margin: 6px 2px !important; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - 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; - color: rgba(0, 0, 0, 0.6); -} - -.events-button .events-title { - font-weight: bold; - text-shadow: none; - color: rgba(0, 0, 0, 0.38); -} - -.events-button .event-time { - font-feature-settings: "tnum"; - font-size: 10pt; - color: rgba(0, 0, 0, 0.38); -} - -.world-clocks-button .world-clocks-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.world-clocks-button .world-clocks-header { - color: rgba(0, 0, 0, 0.38); -} - -.world-clocks-button .world-clocks-city { - font-weight: bold; - font-size: 11pt; - color: rgba(0, 0, 0, 0.6); -} - -.world-clocks-button .world-clocks-time { - font-feature-settings: "tnum"; - font-size: 11pt; - color: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 0.6); -} - -.weather-button .weather-header.location { - font-weight: normal; - font-size: 10pt; - color: rgba(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 0.6); -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -/* Check Boxes */ -.check-box StBoxLayout { - spacing: .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(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.26); -} - -.check-box:checked StBin, .check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -/* Activities Ripple */ -.ripple-box { - background-color: rgba(51, 51, 51, 0.35); - box-shadow: 0 0 2px 2px #666666; - 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 { - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - border-radius: 9999px; - padding: 6px 12px; - box-shadow: none; - border: none; - text-align: center; - -y-offset: 12px; - -x-offset: 8px; -} - -/* Modal Dialogs */ -.candidate-popup-content, .modal-dialog { - background-color: #FFFFFF; - border-radius: 12px; - box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35); - margin: 15px; - border: 2px solid #333333; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #333333; -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #4a4a4a; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #262626; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(51, 51, 51, 0.05); - color: rgba(51, 51, 51, 0.35); -} - -.headline { - font-size: 12pt; -} - -.modal-dialog { - color: rgba(0, 0, 0, 0.6); - 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(0, 0, 0, 0.04); -} - -.modal-dialog-linked-button:first-child:focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); - box-shadow: none !important; -} - -.modal-dialog-linked-button:first-child:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); -} - -.modal-dialog-linked-button:first-child:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: #F4B400; -} - -.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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.6); - 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: #D93025; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: rgba(0, 0, 0, 0.38); -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F4B400; -} - -.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(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.audio-selection-device:active { - background-color: #333333; - color: white; -} - -.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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.04); - border: 2px solid transparent; - box-shadow: none; - caret-color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(0, 0, 0, 0.25); - selected-color: rgba(0, 0, 0, 0.87); -} - -StEntry:hover, .search-entry:hover { - color: rgba(0, 0, 0, 0.87); - border-color: rgba(51, 51, 51, 0.35); - background-color: rgba(0, 0, 0, 0.04); -} - -StEntry:focus, .search-entry:focus { - color: rgba(0, 0, 0, 0.87); - border-color: #333333; - background-color: rgba(0, 0, 0, 0.04); - box-shadow: none; -} - -StEntry:insensitive, .search-entry:insensitive { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.35); - border-color: transparent; -} - -StEntry StIcon.capslock-warning, .search-entry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F4B400; - 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(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.6); -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.7); -} - -.candidate-box { - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; - color: rgba(0, 0, 0, 0.6); -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.26); - color: rgba(0, 0, 0, 0.87); -} - -.candidate-box:selected { - background-color: #333333; - color: white; -} - -.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: #242424; - 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(0, 0, 0, 0.6); - background-color: #FFFFFF; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; -} - -.keyboard-key:checked, .keyboard-key:active { - color: rgba(0, 0, 0, 0.87); - background-color: #e6e6e6; -} - -.keyboard-key:grayed { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -.keyboard-key.default-key { - background-color: #fafafa; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #ebebeb; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: rgba(0, 0, 0, 0.87); - background-color: #d9d9d9; -} - -.keyboard-key.enter-key { - color: white; - background-color: #333333; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #404040; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #1a1a1a; -} - -.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: #333333; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 12px; - -arrow-background-color: #242424; - -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: #333333; -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -/* Login Dialog */ -#lockDialogGroup { - background-color: #CCCCCC; - 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 #333333 !important; -} - -.login-dialog { - color: rgba(0, 0, 0, 0.87); -} - -.login-dialog StEntry { - border-radius: 9999px; -} - -.login-dialog .login-dialog-message-warning { - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog .user-icon { - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog .user-icon StIcon { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.login-dialog .user-icon.user-avatar { - border: 2px solid #333333 !important; -} - -.unlock-dialog { - color: white !important; -} - -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.7) !important; -} - -.unlock-dialog .user-icon { - color: rgba(255, 255, 255, 0.7) !important; -} - -.unlock-dialog .user-icon StIcon { - background-color: #212121 !important; - color: white !important; -} - -.unlock-dialog .user-icon.user-avatar { - border: 2px solid #e0e0e0 !important; -} - -.unlock-dialog .user-widget-label { - color: rgba(255, 255, 255, 0.7) !important; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message { - text-align: center; -} - -.login-dialog-message-warning { - color: #F4B400; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(0, 0, 0, 0.6); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .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(0, 0, 0, 0.26); - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #333333; -} - -.login-dialog-user-list-item { - border-radius: 12px; - padding: 6px; - color: rgba(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.04) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.26) !important; - color: rgba(0, 0, 0, 0.6); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.12) !important; -} - -.user-widget-label { - color: rgba(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.6); - font-size: 12pt; - padding-top: 1em; -} - -/* Looking Glass */ -#LookingGlassDialog { - background-color: #FFFFFF !important; - spacing: 6px; - padding: 0; - margin: 6px; - border-radius: 12px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: rgba(0, 0, 0, 0.87) !important; - border: 2px solid #333333; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 6px; - border: none; - border-radius: 12px 12px 0 0; - background-color: rgba(0, 0, 0, 0.04) !important; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 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(0, 0, 0, 0.38); - padding: 6px 12px; - transition-duration: 100ms; - border-bottom-width: 0; - border-radius: 0; - background-color: transparent; -} - -#LookingGlassDialog .notebook-tab:hover { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px 0 #333333; - color: rgba(0, 0, 0, 0.87); - 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: #333333; - selected-color: white; -} - -.lg-dialog .shell-link { - color: #2196F3; -} - -.lg-dialog .shell-link:hover { - color: #51adf6; -} - -.lg-dialog .shell-link:active { - color: #0c7cd5; -} - -.lg-dialog .actor-link { - color: rgba(0, 0, 0, 0.6); -} - -.lg-dialog .actor-link:hover { - color: rgba(0, 0, 0, 0.87); -} - -.lg-dialog .actor-link:active { - color: rgba(0, 0, 0, 0.6); -} - -.lg-completions-text { - font-size: .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(0, 0, 0, 0.04) !important; - color: rgba(0, 0, 0, 0.87) !important; - padding: 12px; - box-shadow: none; - border: 2px solid #333333; -} - -.lg-extension-name { - font-weight: bold; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - color: rgba(0, 0, 0, 0.6) !important; - background: #FFFFFF !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(0, 0, 0, 0.6); -} - -.lg-debug-flag-button StLabel { - padding: 6px 12px; -} - -.lg-debug-flag-button:hover { - color: rgba(0, 0, 0, 0.87); -} - -.lg-debug-flag-button:active { - color: rgba(0, 0, 0, 0.6); -} - -.lg-debug-flags-header { - padding-top: 12px; - padding: 6px; - margin: 6px; - color: rgba(0, 0, 0, 0.26); -} - -/* Message List */ -.message-list { - width: 31.5em; - text-shadow: none; - border: solid rgba(0, 0, 0, 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(0, 0, 0, 0.26); -} - -.message-list .message-list-placeholder > StIcon { - icon-size: 48px; - margin-bottom: 12px; - -st-icon-style: symbolic; -} - -.message-list-sections { - margin: 0; - padding-bottom: 6px; -} - -.message-list-sections:ltr { - margin-right: 0; -} - -.message-list-sections:rtl { - margin-left: 0; -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 6px; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 6px; - spacing: 6px; -} - -.message { - padding: 0; - margin: 3px; - border-radius: 12px; -} - -.message .message-icon-bin { - padding: 18px 12px; - color: rgba(0, 0, 0, 0.38); -} - -.message .message-icon-bin:ltr { - padding-right: 6px; -} - -.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.36em; - color: rgba(0, 0, 0, 0.38); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.message .message-content { - padding: 6px; - margin-bottom: 6px; - spacing: 4px; - color: rgba(0, 0, 0, 0.38); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.26); -} - -.message .message-body { - color: rgba(0, 0, 0, 0.38); -} - -.url-highlighter { - link-color: #2196F3; -} - -.message-media-control { - margin: 17px 6px; - padding: 12px; - border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); -} - -.message-media-control:hover, .message-media-control:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - background-color: rgba(0, 0, 0, 0.26); -} - -.message-media-control:hover, .message-media-control:focus, .message-media-control:active { - color: rgba(0, 0, 0, 0.87); -} - -.message-media-control:insensitive { - color: rgba(0, 0, 0, 0.38); -} - -.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: 48px !important; - border-radius: 6px; - margin: 0; -} - -.media-message-cover-icon.fallback { - icon-size: 24px !important; - padding: 6px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.38); -} - -.select-area-rubberband { - background-color: rgba(51, 51, 51, 0.3); - border: 1px solid #333333; - border-radius: 6px; -} - -.user-icon { - background-size: contain; - color: rgba(0, 0, 0, 0.6); - border-radius: 9999px; - box-shadow: none; - icon-size: 64px; -} - -.modal-dialog .user-icon { - box-shadow: none; -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - border-radius: 9999px; - padding: 12px; - width: 40px; - height: 40px; -} - -.user-icon.user-avatar { - border: 2px solid #333333; -} - -.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: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 10pt; - color: #F4B400; -} - -/* 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: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.04); - border-radius: 6px; -} - -.nm-dialog-item { - font-size: 11pt; - border-bottom: none; - padding: 12px; - spacing: 0px; -} - -.nm-dialog-item:selected { - background-color: #333333; - color: white; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.26); -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.nm-dialog-icons { - spacing: 12px; -} - -.no-networks-label { - color: rgba(0, 0, 0, 0.38); -} - -.no-networks-box { - spacing: 6px; -} - -/* Notifications & Message Tray */ -.notification-banner { - width: 34em; - min-height: 64px; - margin: 12px 8px 8px; - border-radius: 6px; - color: rgba(0, 0, 0, 0.6); - background-color: #FFFFFF; - border: none; - text-shadow: none; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); - border-radius: 12px; -} - -.notification-banner:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); - margin: 12px 12px 18px; -} - -.notification-banner:focus { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 0; -} - -.notification-banner .notification-button { - min-height: 44px; - padding: 0 18px; - background-color: transparent; - color: rgba(0, 0, 0, 0.6); - 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: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.26); - color: rgba(0, 0, 0, 0.87); -} - -.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: #333333; - color: white; - border: 2px solid rgba(0, 0, 0, 0.26); - 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(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.6); -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - color: rgba(0, 0, 0, 0.38); -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -/* OSD */ -.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { - color: rgba(255, 255, 255, 0.7); - background-color: #212121; - 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(255, 255, 255, 0.15); - color: white; - -barlevel-height: 3px; - -barlevel-background-color: rgba(255, 255, 255, 0.15); - -barlevel-active-background-color: white; - -barlevel-overdrive-color: #D93025; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.12); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 2px; -} - -.pad-osd-window { - padding: 32px; - background-color: #212121; -} - -.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(255, 255, 255, 0.12); -} - -#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: white; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 30px; -} - -/* Top Bar */ -#panel { - font-weight: bold; - color: rgba(0, 0, 0, 0.6); - font-feature-settings: "tnum"; - transition-duration: 250ms; - border: none !important; - box-shadow: none !important; - font-size: 10pt; - background-color: #f2f2f2; - height: 32px; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: #f2f2f2; - -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: rgba(0, 0, 0, 0.6); - border: 2px 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; -} - -#panel .panel-button.clock-display .clock { - border: 2px solid transparent; -} - -#panel .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:hover.clock-display { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -#panel .panel-button:hover.clock-display .clock { - color: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12); -} - -#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: white; - box-shadow: inset 0 0 0 1000px #333333; -} - -#panel .panel-button:active.clock-display, #panel .panel-button:active:hover.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked.clock-display, #panel .panel-button:checked:hover.clock-display { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -#panel .panel-button:active.clock-display .clock, #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 1000px #333333; - color: white; -} - -#panel .panel-button:active .panel-button, #panel .panel-button:focus .panel-button, #panel .panel-button:checked .panel-button { - background-color: transparent; - color: white; - box-shadow: inset 0 0 0 1000px #333333; -} - -#panel .panel-button:active .panel-button:hover, #panel .panel-button:focus .panel-button:hover, #panel .panel-button:checked .panel-button:hover { - color: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 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: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); -} - -#panel .panel-button .system-status-icon { - icon-size: 16px; - padding: 6px; - margin: 0; - -st-icon-style: symbolic; -} - -#panel .panel-button .appindicator-trayicons-box { - margin: 0 6px; -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; -} - -#panel .panel-button#panelActivities { - -natural-hpadding: 18px; -} - -#panel .panel-button#panelActivities StBoxLayout { - spacing: 6px; -} - -#panel .panel-button#panelActivities .workspace-dot { - border-radius: 9999px; - min-width: 8px; - min-height: 8px; - background-color: rgba(0, 0, 0, 0.87); -} - -#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: rgba(255, 255, 255, 0.7); -} - -#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: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); -} - -#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { - box-shadow: none; - color: white; -} - -#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { - color: white; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 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: white; - background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); -} - -#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked.clock-display, #panel:overview .panel-button:checked:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:active:hover.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:focus:hover.clock-display, #panel.lock-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:checked:hover.clock-display { - box-shadow: none; - color: white; -} - -#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:active:hover.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:focus:hover.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:checked:hover.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); - color: white; -} - -#panel:overview .panel-button#panelActivities, #panel.unlock-screen .panel-button#panelActivities, #panel.lock-screen .panel-button#panelActivities { - color: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot { - background-color: rgba(255, 255, 255, 0.7); -} - -#panel:overview .panel-button#panelActivities:hover, #panel.unlock-screen .panel-button#panelActivities:hover, #panel.lock-screen .panel-button#panelActivities:hover { - color: white; -} - -#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: #F4B400; -} - -/* 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: rgba(0, 0, 0, 0.6); - padding: 0; - font-weight: normal; - font-size: 10pt; -} - -.popup-menu .popup-menu-content { - padding: 6px; - background-color: #FFFFFF; - border-radius: 12px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15); - margin: 4px 10px 12px; - font-weight: normal; - border: 2px solid #333333; -} - -.popup-menu .popup-menu-item { - spacing: 9px; - padding: 6px; - color: rgba(0, 0, 0, 0.6) !important; - text-shadow: none; - border-radius: 6px; - margin: 0; - font-weight: normal; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border: none; - box-shadow: none; - color: white !important; - background-color: #333333 !important; - border-radius: 6px 6px 0 0 !important; -} - -.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { - color: white !important; - background-color: #404040 !important; -} - -.popup-menu .popup-menu-item:checked:active { - color: white !important; - background-color: #262626 !important; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5) !important; -} - -.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected { - color: rgba(0, 0, 0, 0.87) !important; - background-color: rgba(0, 0, 0, 0.12) !important; - transition-duration: 0; -} - -.popup-menu .popup-menu-item:active, .popup-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-menu-item:insensitive { - color: rgba(0, 0, 0, 0.26) !important; -} - -.popup-menu .popup-sub-menu { - border: none; - box-shadow: none; - margin: 0; - border-radius: 0 0 6px 6px !important; - background-color: #333333 !important; - color: rgba(255, 255, 255, 0.7) !important; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - border-radius: 0; - margin: 0; - background-color: transparent !important; - color: rgba(255, 255, 255, 0.7) !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: white !important; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { - color: white !important; - background-color: rgba(255, 255, 255, 0.3) !important; -} - -.popup-menu .popup-sub-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.3) !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: rgba(0, 0, 0, 0.6) !important; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(0, 0, 0, 0.26) !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: white; - 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: #212121; - color: white; - border-radius: 12px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #353535; -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #333333; - 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(255, 255, 255, 0.3); -} - -#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(255, 255, 255, 0.5); -} - -#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(51, 51, 51, 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(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.26); - border: 4px solid transparent; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(51, 51, 51, 0.5); -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #333333; -} - -.popup-sub-menu StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); -} - -.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.3); -} - -.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.5); -} - -.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.7); -} - -.search-entry { - width: 320px; - min-height: 20px; - padding: 6px 12px; - transition-duration: 150ms; - border-radius: 6px; -} - -.search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.38); - icon-size: 16px; - margin-top: 0; - padding: 0 4px; -} - -.search-entry StLabel.hint-text { - color: rgba(0, 0, 0, 0.38); -} - -.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(0, 0, 0, 0.6); -} - -.search-entry:insensitive StLabel.hint-text, .search-entry:insensitive .search-entry-icon { - color: rgba(0, 0, 0, 0.26); -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .unlock-dialog StEntry, -#overview .search-entry { - color: white; - background-color: rgba(255, 255, 255, 0.04); - border: 2px solid transparent; - box-shadow: none; - caret-color: white; - selection-background-color: rgba(255, 255, 255, 0.25); - selected-color: white; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover, .unlock-dialog StEntry:hover, -#overview .search-entry:hover { - color: white; - border-color: rgba(224, 224, 224, 0.35); - background-color: rgba(255, 255, 255, 0.04); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .unlock-dialog StEntry:focus, -#overview .search-entry:focus { - color: white; - border-color: #e0e0e0; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - transition-duration: 200ms; -} - -.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(255, 255, 255, 0.2); -} - -#searchResultsContent { - max-width: 1024px; - spacing: 8px; -} - -.search-section { - spacing: 8px; - background: none; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.search-section-content { - spacing: 8px; - border-radius: 0; - padding: 18px; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.7); -} - -.search-statustext { - font-size: 2em; - font-weight: bold; - color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.5); -} - -.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: rgba(255, 255, 255, 0.7); -} - -/* Slider */ -.slider { - height: 20px; - color: #FFFFFF; - -slider-height: 2px; - -slider-background-color: rgba(0, 0, 0, 0.26); - -slider-border-color: #333333; - -slider-active-background-color: #333333; - -slider-active-border-color: #333333; - -slider-border-width: 2px; - -slider-handle-radius: 8px; - -slider-handle-border-width: 2px; - -slider-handle-border-color: #333333; - -barlevel-height: 2px; - -barlevel-background-color: rgba(0, 0, 0, 0.26); - -barlevel-border-color: transparent; - -barlevel-active-background-color: #333333; - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #D93025; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; -} - -/* App Switcher */ -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; - border: 1px solid transparent; -} - -.switcher-list .item-box:outlined { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.switcher-list .item-box:selected { - background-color: #333333; - color: white; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 6px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-list .switcher-list-item-container { - spacing: 12px; -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.38); -} - -.switcher-arrow:highlighted { - color: rgba(0, 0, 0, 0.87); -} - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; -} - -.cycler-highlight { - border: 5px solid #333333; -} - -/* Switches */ -.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.svg"); -} - -.quick-toggle-menu .toggle-switch, .popup-sub-menu .toggle-switch { - background-image: url("assets/toggle-off-dark.svg"); -} - -.quick-toggle-menu .toggle-switch:checked, .popup-sub-menu .toggle-switch:checked { - background-image: url("assets/toggle-on-dark.svg"); -} - -/* Tiled window previews */ -.tile-preview { - background-color: rgba(51, 51, 51, 0.3); - border: 1px solid #333333; -} - -.tile-preview-left.on-primary { - border-radius: 7px 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 7px 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 7px 7px 0 0; -} - -/* 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(0, 0, 0, 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: #333333; - color: white; - 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: white; -} - -.apps-scroll-view { - padding: 0; -} - -.page-navigation-hint { - width: 300px; -} - -.page-navigation-hint.dnd { - background: rgba(255, 255, 255, 0.1); -} - -.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { - background-gradient-start: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.page-navigation-arrow:insensitive { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.page-navigation-arrow:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.page-navigation-arrow:active { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -#dash { - margin-top: 12px; - padding: 0 !important; -} - -#dash .placeholder { - background-image: none; - background-size: contain; - height: 32px; -} - -.dash-background { - background-color: rgba(255, 255, 255, 0.12); - margin-bottom: 16px; - padding: 10px 8px; - border-radius: 22px; - border: none; - 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(255, 255, 255, 0.12); -} - -.workspace-animation { - background-color: #212121; -} - -.calendar .calendar-change-month-back, -.calendar .calendar-change-month-forward { - padding: 0 2px; -} - -.controls-manager, .secondary-monitor-workspaces { - spacing: 12px; -} - -#overviewGroup { - background-color: #212121; -} - -.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-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(0, 0, 0, 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(255, 255, 255, 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: 18px !important; - border-radius: 24px !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: 6px; - min-width: 12em; - max-width: 12em; - min-height: 44px !important; - border: none; -} - -.quick-toggle { - background-color: rgba(0, 0, 0, 0.04) !important; - color: rgba(0, 0, 0, 0.6); -} - -.quick-toggle:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-toggle:active { - background-color: rgba(0, 0, 0, 0.15) !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-toggle:checked { - background-color: #333333 !important; - color: white; -} - -.quick-toggle:checked:hover { - background-color: rgba(49, 49, 49, 0.9922) !important; - color: white; -} - -.quick-toggle:checked:active { - background-color: rgba(45, 45, 45, 0.9805) !important; - color: white; -} - -.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(0, 0, 0, 0.08) !important; - color: rgba(0, 0, 0, 0.6); -} - -.quick-menu-toggle .quick-toggle-arrow:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-menu-toggle .quick-toggle-arrow:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(0, 0, 0, 0.87); -} - -.quick-menu-toggle .quick-toggle-arrow:checked { - background-color: #333333 !important; - color: white; -} - -.quick-menu-toggle .quick-toggle-arrow:checked:hover { - background-color: rgba(49, 49, 49, 0.9922) !important; - color: white; -} - -.quick-menu-toggle .quick-toggle-arrow:checked:active { - background-color: rgba(45, 45, 45, 0.9805) !important; - color: white; -} - -.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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87) !important; -} - -.quick-slider .icon-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover { - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -.quick-toggle-menu { - border-radius: 6px !important; - padding: 12px !important; - margin: 12px 30px 0 !important; - background-color: #333333 !important; - color: rgba(255, 255, 255, 0.7) !important; -} - -.quick-toggle-menu .popup-separator-menu-item-separator { - padding: 0 !important; - margin: 0 !important; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.quick-toggle-menu .popup-menu-item { - min-height: 20px; - padding: 6px; - spacing: 6px; - border-radius: 6px !important; - color: rgba(255, 255, 255, 0.7) !important; -} - -.quick-toggle-menu .popup-menu-item StLabel { - color: rgba(255, 255, 255, 0.7); -} - -.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item.hover, .quick-toggle-menu .popup-menu-item.selected { - color: white !important; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.quick-toggle-menu .popup-menu-item:active, .quick-toggle-menu .popup-menu-item.selected:active { - color: white !important; - background-color: rgba(255, 255, 255, 0.3) !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: rgba(0, 0, 0, 0.12) !important; -} - -.quick-toggle-menu .header .icon.active { - background-color: white !important; - color: #333333; -} - -.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; -} - -.quick-settings-system-item .power-item { - min-height: 0 !important; - min-width: 0 !important; - background-color: rgba(0, 0, 0, 0.04); -} - -.quick-settings-system-item .power-item:insensitive { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - 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(0, 0, 0, 0.38); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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 #e0e0e0; -} - -.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 white; - padding: 4px; -} - -.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { - background-color: white; - 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(0, 0, 0, 0.12); -} - -.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { - background-color: #d9d9d9; -} - -.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { - background-color: gray; -} - -.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { - background-color: #D93025; -} - -.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { - background-color: #dd443a; -} - -.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { - background-color: #bb2920; -} - -.screenshot-ui-shot-cast-container { - background-color: #2e2e2e; - 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: #3b3b3b; -} - -.screenshot-ui-shot-cast-button:active { - background-color: rgba(0, 0, 0, 0.26); -} - -.screenshot-ui-shot-cast-button:checked { - background-color: white; - color: black; -} - -.screenshot-ui-shot-cast-button:insensitive { - color: rgba(255, 255, 255, 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 white; -} - -.screenshot-ui-area-selector-handle { - border-radius: 9999px; - background-color: white; - box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); - width: 24px; - height: 24px; -} - -.screenshot-ui-window-selector { - background-color: #242424; -} - -.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: #0d0d0d; -} - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { - border-color: #333333; - background-color: rgba(51, 51, 51, 0.2); -} - -.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { - color: white; - background-color: #333333; -} - -.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 white; -} - -.screenshot-ui-tooltip { - color: white; - background-color: #212121; - border-radius: 9999px; - padding: 6px 12px; - text-align: center; - -y-offset: 24px; -} - -.window-picker { - spacing: 6px; -} - -.window-caption { - color: white; - background-color: #212121; - border-radius: 9999px; - padding: 6px 12px; - border: none; - box-shadow: none; -} - -.window-close, .screenshot-ui-close-button { - background-color: #242424; - color: white; - 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: white; - background-color: #333333; -} - -.window-close:active, .screenshot-ui-close-button:active { - color: white; - background-color: #151515; -} - -.window-close StIcon, .screenshot-ui-close-button StIcon { - icon-size: 24px; -} - -.workspace-background { - border-radius: 30px; - background-color: #212121; - 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(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 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 white; - 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: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #333333; - 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: #f2f2f2; -} - -#dashtodockContainer #dash .dash-background { - background-color: #f2f2f2; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.26); -} - -#dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #333333 !important; -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.3); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: white !important; -} - -#dashtodockContainer .show-apps .overview-icon, -#dashtodockContainer .app-well-app .overview-icon { - color: rgba(0, 0, 0, 0.6); -} - -#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(0, 0, 0, 0.12); -} - -#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(0, 0, 0, 0.26); -} - -#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { - color: rgba(255, 255, 255, 0.7); -} - -#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(255, 255, 255, 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(255, 255, 255, 0.3); -} - -#dashtodockContainer.opaque #dash .dash-background { - background-color: #f2f2f2; -} - -#dashtodockContainer.transparent #dash .dash-background { - background-color: rgba(242, 242, 242, 0.35); -} - -#dashtodockContainer:overview #dash .dash-background { - background-color: rgba(255, 255, 255, 0.12); -} - -#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: #f2f2f2; -} - -#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: rgba(0, 0, 0, 0.87); -} - -.openweather-current-databox-values { - background: none; - color: rgba(0, 0, 0, 0.38); -} - -.openweather-current-databox-captions { - background: none; - color: rgba(0, 0, 0, 0.38); -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: rgba(0, 0, 0, 0.6); -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: rgba(0, 0, 0, 0.38); -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: rgba(0, 0, 0, 0.6); -} - -.popup-sub-menu .openweather-current-icon, .popup-sub-menu .openweather-current-summary, .popup-sub-menu .openweather-current-summarybox { - background: none; - color: white; -} - -.popup-sub-menu .openweather-current-databox-values { - color: rgba(255, 255, 255, 0.7); -} - -.popup-sub-menu .openweather-current-databox-captions { - color: rgba(255, 255, 255, 0.7); -} - -.popup-sub-menu .openweather-forecast-icon, .popup-sub-menu .openweather-forecast-summary { - color: white; -} - -.popup-sub-menu .openweather-forecast-day, .popup-sub-menu .openweather-forecast-temperature { - color: rgba(255, 255, 255, 0.7); -} - -.popup-sub-menu .openweather-sunrise-icon, .popup-sub-menu .openweather-sunset-icon, .popup-sub-menu .openweather-build-icon { - color: white; -} diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/no-events.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/no-events.svg deleted file mode 120000 index d2fcad086..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/no-events.svg +++ /dev/null @@ -1 +0,0 @@ -assets/no-events.svg \ No newline at end of file diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/no-notifications.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/no-notifications.svg deleted file mode 120000 index 175731c18..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/no-notifications.svg +++ /dev/null @@ -1 +0,0 @@ -assets/no-notifications.svg \ No newline at end of file diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/pad-osd.css b/Graphite-Light/files/Graphite-Light/gnome-shell/pad-osd.css deleted file mode 100644 index 31c237722..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/pad-osd.css +++ /dev/null @@ -1,30 +0,0 @@ -.Leader { - stroke-width: .5 !important; - stroke: #535353; - fill: none !important; -} - -.Button { - stroke-width: .25; - stroke: #ededed; - fill: #ededed; -} - -.Ring { - stroke-width: .5 !important; - stroke: #535353 !important; - fill: none !important; -} - -.Label { - stroke: none !important; - stroke-width: .1 !important; - font-size: .1 !important; - fill: transparent !important; -} - -.TouchStrip, .TouchRing { - stroke-width: .1 !important; - stroke: #ededed !important; - fill: #535353 !important; -} diff --git a/Graphite-Light/files/Graphite-Light/gnome-shell/process-working.svg b/Graphite-Light/files/Graphite-Light/gnome-shell/process-working.svg deleted file mode 120000 index a6586c30c..000000000 --- a/Graphite-Light/files/Graphite-Light/gnome-shell/process-working.svg +++ /dev/null @@ -1 +0,0 @@ -assets/process-working.svg \ No newline at end of file diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/apps.rc b/Graphite-Light/files/Graphite-Light/gtk-2.0/apps.rc deleted file mode 100644 index 530e72fdb..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-2.0/apps.rc +++ /dev/null @@ -1,92 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. -# custom widgets, programs giving us a chance to alter their UI to fit more with -# the theme or stuff that is supposed to look different, like panels. - -# TODO: This could really look nicer -style "gimp_spin_scale" { - # Spin background - bg[NORMAL] = @base_color - - engine "pixmap" { - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "chrome_gtk_frame" { - ChromeGtkFrame::frame-color = @titlebar_bg_color - ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color - ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 -} - -# Disable spin button assets for GimpSpinScale -class "GimpSpinScale" style "gimp_spin_scale" - -# Chromium lets us define some colours and settings for better integration -class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/border.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/border.png deleted file mode 100644 index b755468cc..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/border.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-active.png deleted file mode 100644 index 6a3942cb1..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-disabled.png deleted file mode 100644 index 0be273b6a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-hover.png deleted file mode 100644 index de5b6182c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button.png deleted file mode 100644 index daeaec777..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/button.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-active.png deleted file mode 100644 index f71b9c56d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-disabled.png deleted file mode 100644 index 73131514f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-hover.png deleted file mode 100644 index 3bd396580..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked.png deleted file mode 100644 index 62c561771..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-active.png deleted file mode 100644 index a4aff1c7e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-disabled.png deleted file mode 100644 index 50d6e03f5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 02ce7ebde..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed.png deleted file mode 100644 index 149d0958b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-active.png deleted file mode 100644 index b2112ca56..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-disabled.png deleted file mode 100644 index ca92669d6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-hover.png deleted file mode 100644 index 95cb359fd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked.png deleted file mode 100644 index 6496e929c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-active.png deleted file mode 100644 index be61e46df..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-disabled.png deleted file mode 100644 index bec439a26..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-hover.png deleted file mode 100644 index d896386ee..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry.png deleted file mode 100644 index 943fac58c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-left-entry.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-active.png deleted file mode 100644 index c5b06aaa4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-disabled.png deleted file mode 100644 index 52934069b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-hover.png deleted file mode 100644 index 05548f306..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry.png deleted file mode 100644 index dd2118a68..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/combo-right-entry.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-active.png deleted file mode 100644 index 199510b9d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background-disabled.png deleted file mode 100644 index 7f3aa5eee..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background.png deleted file mode 100644 index 72facdb04..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-background.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-disabled.png deleted file mode 100644 index 0be273b6a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-hover.png deleted file mode 100644 index 1e7804c7b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry.png deleted file mode 100644 index daeaec777..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/entry.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-active.png deleted file mode 100644 index 6a3942cb1..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-disabled.png deleted file mode 100644 index 34d490f14..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-hover.png deleted file mode 100644 index de5b6182c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button.png deleted file mode 100644 index 34d490f14..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/flat-button.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/focus.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/focus.png deleted file mode 100644 index cf26e66f2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/focus.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-inline.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-inline.png deleted file mode 100644 index 34703f890..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-inline.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-notebook.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-notebook.png deleted file mode 100644 index ddb519684..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame-notebook.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame.png deleted file mode 100644 index bd3e85167..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/frame.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-active.png deleted file mode 100644 index 982db3ded..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-hover.png deleted file mode 100644 index af9f1f495..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz.png deleted file mode 100644 index a72638849..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-horz.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-active.png deleted file mode 100644 index e44fc648e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-hover.png deleted file mode 100644 index d14f00496..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert.png deleted file mode 100644 index 567a28144..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/handle-vert.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked-disabled.png deleted file mode 100644 index 27c9175cf..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked.png deleted file mode 100644 index a76800412..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png deleted file mode 100644 index 30a51e66e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed.png deleted file mode 100644 index d785dd5dd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-mixed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png deleted file mode 100644 index e8de05567..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked.png deleted file mode 100644 index 5846b31dc..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked-disabled.png deleted file mode 100644 index 7581e70dd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked.png deleted file mode 100644 index 915e2b524..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed-disabled.png deleted file mode 100644 index 30a51e66e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed.png deleted file mode 100644 index d785dd5dd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-mixed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked-disabled.png deleted file mode 100644 index e8de05567..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked.png deleted file mode 100644 index 5846b31dc..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/menu-radio-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt-disabled.png deleted file mode 100644 index db1d36149..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt.png deleted file mode 100644 index 820e026c7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-alt.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-disabled.png deleted file mode 100644 index 567f441a4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down.png deleted file mode 100644 index f664be1c2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-down.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt-disabled.png deleted file mode 100644 index d25e4b638..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt.png deleted file mode 100644 index 6309016a2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-alt.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-disabled.png deleted file mode 100644 index f0f94da22..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-semi.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-semi.png deleted file mode 100644 index efe18079c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left-semi.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left.png deleted file mode 100644 index ae7f93db4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-left.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt-disabled.png deleted file mode 100644 index d11562a46..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt.png deleted file mode 100644 index 3acb33bc5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-alt.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-disabled.png deleted file mode 100644 index f49afaeb5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-semi.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-semi.png deleted file mode 100644 index 331a3066c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right-semi.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right.png deleted file mode 100644 index 597547531..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-right.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt-disabled.png deleted file mode 100644 index 361acb33d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt.png deleted file mode 100644 index dcdf2ec2a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-alt.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-disabled.png deleted file mode 100644 index 8a52366f3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up.png deleted file mode 100644 index 031ac4617..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/pan-up.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-progress.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-progress.png deleted file mode 100644 index 5dd6d7416..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-progress.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-trough.png deleted file mode 100644 index 9c4c59577..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/progressbar-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-active.png deleted file mode 100644 index d6f372544..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-disabled.png deleted file mode 100644 index 97b45770d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-hover.png deleted file mode 100644 index 76b213f2f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked.png deleted file mode 100644 index f9e3f10f7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-active.png deleted file mode 100644 index a4aff1c7e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-disabled.png deleted file mode 100644 index 50d6e03f5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-hover.png deleted file mode 100644 index 02ce7ebde..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed.png deleted file mode 100644 index 149d0958b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-mixed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-active.png deleted file mode 100644 index b2112ca56..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-disabled.png deleted file mode 100644 index ca92669d6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-hover.png deleted file mode 100644 index 95cb359fd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked.png deleted file mode 100644 index 6496e929c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/radio-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-active.png deleted file mode 100644 index 04a56196d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-disabled.png deleted file mode 100644 index e38cec0e9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough.png deleted file mode 100644 index 85e948657..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-horz-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-active.png deleted file mode 100644 index 6b43ef728..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-disabled.png deleted file mode 100644 index 9e2860dac..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-hover.png deleted file mode 100644 index a57d7e345..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider.png deleted file mode 100644 index 48b825120..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-active.png deleted file mode 100644 index 2aa94d1b4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-disabled.png deleted file mode 100644 index f976e3acd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough.png deleted file mode 100644 index ef79e7830..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scale-vert-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png deleted file mode 100644 index 060da6dbd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-disabled.png deleted file mode 100644 index 9617e3f95..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png deleted file mode 100644 index bb6d9b06b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider.png deleted file mode 100644 index 45e4bd901..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-trough.png deleted file mode 100644 index 0394def80..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-horz-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png deleted file mode 100644 index 475b1afd8..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png deleted file mode 100644 index d27871ed6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png deleted file mode 100644 index 4739b6840..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png deleted file mode 100644 index dcab80533..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png deleted file mode 100644 index 06b93b5c1..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-ltr-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png deleted file mode 100644 index dcc9e9fff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png deleted file mode 100644 index 96562d1ce..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png deleted file mode 100644 index 378bfa092..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png deleted file mode 100644 index 5f5dd82ff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png deleted file mode 100644 index 4d6a6aa48..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/scrollbar-vert-rtl-trough.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-active.png deleted file mode 100644 index 9ccad9da2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-disabled.png deleted file mode 100644 index d7715014c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-hover.png deleted file mode 100644 index d8f4c3701..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down.png deleted file mode 100644 index d44a3dd6a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-down.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-active.png deleted file mode 100644 index 86e32dc9a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-disabled.png deleted file mode 100644 index 108a10733..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-hover.png deleted file mode 100644 index 6a4d2cd79..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up.png deleted file mode 100644 index b735ea2f5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-ltr-up.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-active.png deleted file mode 100644 index 7f4b8752e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-disabled.png deleted file mode 100644 index a70520830..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-hover.png deleted file mode 100644 index 35364e536..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down.png deleted file mode 100644 index 74ba4d670..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-down.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-active.png deleted file mode 100644 index b1338a7e9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-disabled.png deleted file mode 100644 index 95f42b7c4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-hover.png deleted file mode 100644 index 5d8399672..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up.png deleted file mode 100644 index 08c266ae2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/spin-rtl-up.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/tab.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/tab.png deleted file mode 100644 index 8111d12df..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/tab.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-active.png deleted file mode 100644 index 365523e01..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-hover.png deleted file mode 100644 index e43317ced..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button.png deleted file mode 100644 index 862ac3238..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-ltr-button.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-active.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-active.png deleted file mode 100644 index 3dc0f5a20..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-hover.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-hover.png deleted file mode 100644 index f6dce3b40..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button-hover.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button.png b/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button.png deleted file mode 100644 index 04b779bff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-2.0/assets/treeview-rtl-button.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/gtkrc b/Graphite-Light/files/Graphite-Light/gtk-2.0/gtkrc deleted file mode 100644 index 9f6af0f9a..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-2.0/gtkrc +++ /dev/null @@ -1,36 +0,0 @@ -# Based on Bridge by ScionicSpectre and Adwaita by GNOME -# vim:set ts=2 sw=2 sts=2 ai et: -# -# This is the GTK 2 version of Materia. It's whole purpose is to look as the -# GTK 3 version as much as possible until GTK 2 dies completely. -# -# Note: comments for explaining styles are on the bottom of each file beside the -# widget matches. - -# Declare the colours used throughout the theme. -# There shouldn't be any fiddling with them in the theme files themselves in -# order to not mess up the dark theme. - -# Text/base -gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" -# Foreground/background -gtk-color-scheme = "fg_color:#212121\nbg_color:#FFFFFF" -# Selected foreground/background -gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#333333" -# Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#FFFFFF" -# Menus -gtk-color-scheme = "menu_color:#FFFFFF" -# Tooltips foreground/background -gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" -# Links -gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" - -# Set GTK settings -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -# And hand over the control to the theme files -include "main.rc" -include "apps.rc" -include "hacks.rc" diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/hacks.rc b/Graphite-Light/files/Graphite-Light/gtk-2.0/hacks.rc deleted file mode 100644 index c288da359..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-2.0/hacks.rc +++ /dev/null @@ -1,36 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This file contains horrible hacks to make this theme work with some programs -# This is mostly due to the limitations of GTK 2 but sometimes its the fault of -# the programs themselves. Not going to point fingers. -# -# Either way, it's a WONTFIX for both, hence this horrible file. - -style "toplevel_hack" { - engine "adwaita" {} -} - -style "chrome_entry" { - base[NORMAL] = @base_color - base[INSENSITIVE] = @base_color -} - -style "vim_notebook" { - bg[NORMAL] = @base_color - bg[ACTIVE] = @bg_color -} - -# Vim puts an eventbox between the tab and the label and colours it, -# we need to handle that -widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" - -# (he)xchat input box -class "SexySpellEntry" style:highest "normal_entry" - -# Chromium uses base as the fill colour of its own entries -# This would be fine but GTK uses it to fill the surrounding space, so its set to bg -# That results in Chromium using it for the fill, so we need to handle that -widget_class "*Chrom*<GtkEntry>" style "chrome_entry" - -# Hack to be able to match widgets in LibreOffice -class "GtkWindow" style "toplevel_hack" diff --git a/Graphite-Light/files/Graphite-Light/gtk-2.0/main.rc b/Graphite-Light/files/Graphite-Light/gtk-2.0/main.rc deleted file mode 100644 index 6890a677e..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-2.0/main.rc +++ /dev/null @@ -1,2705 +0,0 @@ -# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: -# -# This is the main theme file, handling all the default widgets and theme -# properties. Since GTK 2 is old, we need to overcome some of its limitations, -# which is also mostly done in this file. Sadly not all of them can be overcome -# so there will always be a visible difference between the GTK 2 and 3 theme. - -style "default" { - xthickness = 1 - ythickness = 1 - - #################### - # Style Properties # - #################### - - GtkWidget::focus-padding = 0 - GtkWidget::focus-line-width = 2 - GtkWidget::focus-line-pattern = "\2\1" - - GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) - GtkToolbar::internal-padding = 2 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 4 - GtkWidget::tooltip-alpha = 230 - GtkWidget::new-tooltip-style = 1 #for compatibility - - GtkWidget::link-color = @link_color - GtkWidget::visited-link-color = @visited_link_color - GnomeHRef::link_color = @link_color - GtkHTML::link-color = @link_color - GtkHTML::vlink-color = @visited_link_color - GtkIMHtml::hyperlink-color = @link_color - GtkIMHtml::hyperlink-visited-color = @visited_link_color - - GtkSeparatorMenuItem::horizontal-padding = 0 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 3 - - GtkButton::child-displacement-y = 0 - - GtkButton::default-border = {0, 0, 0, 0} - GtkButton::default-outside-border = {0, 0, 0, 0} - GtkButton::inner-border = {0, 0, 0, 0} - - GtkEntry::state-hint = 1 - GtkEntry::inner-border = {0, 0, 0, 0} - - GtkPaned::handle-size = 8 - GtkHPaned::handle-size = 8 - GtkVPaned::handle-size = 8 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 17 - GtkRange::stepper-size = 0 - GtkRange::activate-slider = 1 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::stepper-size = 0 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 24 - GtkScale::slider_width = 24 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 4 - GtkProgressBar::min-vertical-bar-width = 4 - GtkProgressBar::xspacing = 4 - GtkProgressBar::yspacing = 4 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::shadow-type = GTK_SHADOW_NONE - # TODO: find out what this comment means: - # ( every window is misaligned for the sake of menus ): - GtkMenuBar::internal-padding = 0 - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 4 - GtkMenu::double-arrows = 0 - GtkMenuItem::arrow-scaling = 1 - GtkMenuItem::toggle-spacing = 12 - - GtkCheckButton::indicator-size = 24 - GtkCheckButton::indicator_spacing = 2 - GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} - - GtkTreeView::expander-size = 16 - GtkTreeView::vertical-separator = 0 - GtkTreeView::horizontal-separator = 4 - GtkTreeView::allow-rules = 0 - # Set this because some apps read it - GtkTreeView::odd-row-color = @base_color - GtkTreeView::even-row-color = @base_color - - GtkExpander::expander-size = 16 - - GtkNotebook::tab-overlap = 0 - - ########## - # Colors # - ########## - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - bg[INSENSITIVE] = @bg_color - bg[ACTIVE] = @bg_color - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @fg_color - fg[SELECTED] = @fg_color - fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) - fg[ACTIVE] = @fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = mix (0.5, @text_color, @base_color) - text[ACTIVE] = @text_color - - base[NORMAL] = @base_color - base[PRELIGHT] = mix (0.08, @text_color, @base_color) - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) - - # For succinctness, all reasonable pixmap options remain here - - # Draw frame around menu in a non-compositied environment - # This needs to go before pixmap because we need to override some stuff - engine "adwaita" {} - - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/checkbox-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/checkbox-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/checkbox-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/radio-unchecked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = OUT - overlay_file = "assets/radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/radio-checked-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/radio-checked-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = IN - overlay_file = "assets/radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-hover.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-active.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = SELECTED - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/radio-mixed-disabled.png" - overlay_stretch = FALSE - } - - ########## - # Arrows # - ########## - - # Overrides - - # Disable arrows in spinbuttons - image { - function = ARROW - detail = "spinbutton" - } - - # Disable arrows for qt in scrollbars - - image { - function = ARROW - detail = "vscrollbar" - } - - image { - function = ARROW - detail = "hscrollbar" - } - - # Menu arrows - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-left-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - detail = "menuitem" - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menuitem" - overlay_file = "assets/pan-right-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_up" - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - state = INSENSITIVE - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down-disabled.png" - overlay_stretch = FALSE - } - - image { - function = ARROW - detail = "menu_scroll_arrow_down" - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - # Regular arrows - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-left-alt.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-left.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-left-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-right-alt.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-right.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/pan-right-alt-disabled.png" - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - ###################### - # Option Menu Arrows # - ###################### - - image { - function = TAB - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = INSENSITIVE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - } - - ######### - # Lines # - ######### - - image { - function = VLINE - file = "assets/border.png" - border = {1, 0, 0, 0} - } - - image { - function = HLINE - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ######### - # Focus # - ######### - - image { - function = FOCUS - file = "assets/focus.png" - border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... - stretch = TRUE - } - - ########### - # Handles # - ########### - - image { - function = HANDLE - detail = "handlebox" - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-horz.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-horz-hover.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-horz-active.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - state = NORMAL - overlay_file = "assets/handle-vert.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = PRELIGHT - overlay_file = "assets/handle-vert-hover.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = HANDLE - state = ACTIVE - overlay_file = "assets/handle-vert-active.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = RESIZE_GRIP - } - - ############# - # Expanders # - ############# - - image { - function = EXPANDER - expander_style = EXPANDED - state = NORMAL - file = "assets/pan-down-alt.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = PRELIGHT - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = ACTIVE - file = "assets/pan-down.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - state = INSENSITIVE - file = "assets/pan-down-alt-disabled.png" - } - - # LTR - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-right-alt.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-right.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-right-alt-disabled.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-right-semi.png" - direction = LTR - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-right-semi.png" - direction = LTR - } - - # RTL - - image { - function = EXPANDER - expander_style = COLLAPSED - state = NORMAL - file = "assets/pan-left-alt.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = PRELIGHT - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = ACTIVE - file = "assets/pan-left.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = COLLAPSED - state = INSENSITIVE - file = "assets/pan-left-alt-disabled.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/pan-left-semi.png" - direction = RTL - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/pan-left-semi.png" - direction = RTL - } - - ############# - # Notebooks # - ############# - - # Left - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 1, 0, 0} - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - gap_side = RIGHT - } - - # Right - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {1, 0, 0, 0} - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - gap_side = LEFT - } - - # Up - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 0, 1} - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - gap_side = BOTTOM - } - - # Down - - image { - function = EXTENSION - state = NORMAL - file = "assets/tab.png" - border = {0, 0, 1, 0} - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - gap_side = TOP - } - - # Inner frame - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {1, 0, 0, 0} - gap_side = LEFT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 1, 0, 0} - gap_side = RIGHT - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 1, 0} - gap_side = TOP - } - - image { - function = BOX_GAP - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_file = "assets/tab.png" - gap_border = {0, 0, 0, 1} - gap_side = BOTTOM - } - - # Standalone frame - image { - function = BOX - detail = "notebook" - file = "assets/frame-notebook.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-horz-trough.png" - border = {0, 0, 1, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-ltr-trough.png" - border = {1, 0, 0, 0} - orientation = VERTICAL - direction = LTR - } - - image { - function = BOX - detail = "trough" - file = "assets/scrollbar-vert-rtl-trough.png" - border = {0, 1, 0, 0} - orientation = VERTICAL - direction = RTL - } - - # Horizontal sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-horz-slider.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-horz-slider-hover.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-active.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-horz-slider-disabled.png" - border = {8, 8, 9, 8 } - stretch = TRUE - orientation = HORIZONTAL - } - - # Vertical sliders - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-hover.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-active.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-ltr-slider-disabled.png" - border = {9, 8, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = LTR - } - - # RTL - - image { - function = SLIDER - state = NORMAL - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = PRELIGHT - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-hover.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = ACTIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-active.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "slider" - file = "assets/scrollbar-vert-rtl-slider-disabled.png" - border = {8, 9, 8, 8} - stretch = TRUE - orientation = VERTICAL - direction = RTL - } - - ########## - # Scales # - ########## - - # Troughs, overrided later on. We set them here too because some widgets - # don't specify their orientation. - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-horz-trough-disabled.png" - border = {6, 6, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-upper" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - state = INSENSITIVE - detail = "trough-lower" - file = "assets/scale-vert-trough-disabled.png" - border = {0, 0, 6, 6} - stretch = TRUE - orientation = VERTICAL - } - - # Sliders - - image { - function = SLIDER - state = NORMAL - detail = "hscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "hscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "hscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "hscale" - file = "assets/scale-slider-disabled.png" - } - - image { - function = SLIDER - state = NORMAL - detail = "vscale" - file = "assets/scale-slider.png" - } - - image { - function = SLIDER - state = PRELIGHT - detail = "vscale" - file = "assets/scale-slider-hover.png" - } - - image { - function = SLIDER - state = ACTIVE - detail = "vscale" - file = "assets/scale-slider-active.png" - } - - image { - function = SLIDER - state = INSENSITIVE - detail = "vscale" - file = "assets/scale-slider-disabled.png" - } - - ########### - # Menubar # - ########### - - # image { - # function = BOX - # detail = "menubar" - # file = "assets/border.png" - # border = {0, 0, 0, 1} - # } - - ######### - # Menus # - ######### - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 0, 1} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - ########### - # Entries # - ########### - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - detail = "entry" - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/entry-background.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/entry-background-disabled.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/entry-background.png" - } - - ######### - # Spins # - ######### - - # Spin-Up LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-ltr-up.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-ltr-up-hover.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-active.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-ltr-up-disabled.png" - border = {0, 8, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/spin-rtl-up.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-hover.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/spin-rtl-up-disabled.png" - border = {8, 0, 8, 0} - stretch = TRUE - overlay_file = "assets/pan-up-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-ltr-down.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-ltr-down-hover.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-active.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-ltr-down-disabled.png" - border = {0, 8, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/spin-rtl-down.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/spin-rtl-down-hover.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-active.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/spin-rtl-down-disabled.png" - border = {8, 0, 0, 8} - stretch = TRUE - overlay_file = "assets/pan-down-alt-disabled.png" - overlay_stretch = FALSE - direction = RTL - } - - ############## - # Scrollbars # - ############## - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar-progress.png" - stretch = TRUE - border = {0, 0, 0, 0} - orientation = VERTICAL - } - - ############# - # Treeviews # - ############# - - # Disable active the column highlight - # We need to match specific cells or we break stuff - # Looking at you deadbeef - - image { - function = FLAT_BOX - detail = "cell_even_sorted" - state = NORMAL - } - - image { - function = FLAT_BOX - detail = "cell_odd_sorted" - state = NORMAL - } - - # Disable all the other shadows - # This prevents the Raleigh effect - image { - function = SHADOW - } - } -} - -style "menubar" { - bg[NORMAL] = @titlebar_bg_color - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) - # Needed to fix Firefox's menubar text - bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[SELECTED] = @titlebar_fg_color -} - -style "menubar_item" { - xthickness = 3 - ythickness = 4 - - fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) - bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) - fg[PRELIGHT] = @titlebar_fg_color - fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) -} - -style "menu" { - xthickness = 0 - ythickness = 0 - - bg[NORMAL] = @menu_color - bg[INSENSITIVE] = @menu_color - bg[PRELIGHT] = @menu_color - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) -} - -style "menu_item" { - xthickness = 4 - ythickness = 4 - - bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) - fg[PRELIGHT] = @fg_color - # Chromium uses this setting - bg[SELECTED] = mix(0.08, @fg_color, @menu_color) - text[SELECTED] = @fg_color - # Some widgets use text, we need to handle that - text[NORMAL] = @fg_color - text[PRELIGHT] = @fg_color - - # Unfortunately we can't tell regular and menu checks/radios apart - # Without the heirarchy - engine "pixmap" { - - ################# - # Check Buttons # - ################# - - image { - function = CHECK - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-checkbox-mixed-disabled.png" - overlay_stretch = FALSE - } - - ################# - # Radio Buttons # - ################# - - image { - function = OPTION - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-radio-unchecked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-radio-checked.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-radio-checked-disabled.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = NORMAL - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = PRELIGHT - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = INSENSITIVE - shadow = ETCHED_IN - overlay_file = "assets/menu-radio-mixed-disabled.png" - overlay_stretch = FALSE - } - } -} - -style "separator_menu_item" { - xthickness = 0 - ythickness = 2 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - border = {0, 0, 0, 1} - } - } -} - -style "button_label" { - # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) - # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "normal_button_label" { - # fg[NORMAL] = @fg_color - # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) - - font_name = "Regular" -} - -style "button" { - xthickness = 6 - ythickness = 6 - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "link_button" { - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } -} - -style "entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) - - # We set this same as the border of the border of the entry - # This way there's no overlap - xthickness = 6 - ythickness = 6 -} - -style "combobox" { - xthickness = 6 - ythickness = 6 - - # This affects only the button beside an entry - GtkButton::inner-border = {0, 0, 0, 0} - - # For the sake of sanity style buttons this way - engine "pixmap" { - - ########### - # Buttons # - ########### - - image { - function = BOX - state = NORMAL - file = "assets/entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - file = "assets/entry-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "combobox_cellview" { - # text[NORMAL] = mix(0.7, @fg_color, @bg_color) - # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) -} - -style "combobox_entry" { - # Since one side of the button is missing, we need to shift the arrow a little to the right - GtkButton::inner-border = {0, 2, 0, 0} - - base[NORMAL] = @base_color - base[ACTIVE] = @base_color - - engine "pixmap" { - - ############# - # LTR entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-left-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-left-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-left-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############# - # RTL entry # - ############# - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/combo-right-entry.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/combo-right-entry-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/combo-right-entry-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - direction = RTL - } - - ############## - # LTR button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-right-entry.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-right-entry-hover.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-right-entry-active.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-right-entry-disabled.png" - border = {0, 6, 6, 6} - stretch = TRUE - direction = LTR - } - - ############## - # RTL button # - ############## - - image { - function = BOX - state = NORMAL - detail = "button" - file = "assets/combo-left-entry.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "button" - file = "assets/combo-left-entry-hover.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "button" - file = "assets/combo-left-entry-active.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "button" - file = "assets/combo-left-entry-disabled.png" - border = {6, 0, 6, 6} - stretch = TRUE - direction = RTL - } - } -} - -style "combo_button_padding" { - # Since one side of the button is missing, we need to shift the arrow a - # little to the right. - # This is the same thing we've done above but the combo, unlike the combobox, - # uses padding the same way as a button. - GtkButton::inner-border = {3, 6, 3, 3} -} - -style "notebook" { - xthickness = 3 - ythickness = 3 -} - -style "notebook_tab_label" { - fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) - - font_name = "Medium" -} - -style "notebook_viewport" { - bg[NORMAL] = @base_color -} - -style "notebook_bg" { - bg[NORMAL] = @base_color - bg[PRELIGHT] = @base_color - bg[INSENSITIVE] = @base_color -} - -style "notebook_entry" { - base[NORMAL] = @base_color - base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) - base[INSENSITIVE] = @base_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) -} - -style "normal_bg" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = @bg_color - bg[INSENSITIVE] = @bg_color -} - -style "normal_entry" { - base[NORMAL] = @bg_color - base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) - base[INSENSITIVE] = @bg_color - base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) -} - -style "textview" { - bg[NORMAL] = @base_color -} - -style "scale_horz" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-horz-trough.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-horz-trough-active.png" - border = {6, 6, 0, 0} - stretch = TRUE - } - } -} - -style "scale_vert" { - engine "pixmap" { - image { - function = BOX - detail = "trough-upper" - file = "assets/scale-vert-trough.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/scale-vert-trough-active.png" - border = {0, 0, 6, 6} - stretch = TRUE - } - } -} - -style "progressbar" { - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/progressbar-trough.png" - border = {0, 0, 0, 0} - stretch = TRUE - orientation = VERTICAL - } - } -} - -style "treeview_header" { - xthickness = 2 - ythickness = 2 - - fg[NORMAL] = mix(0.7, @fg_color, @base_color) - fg[PRELIGHT] = @fg_color - - font_name = "Medium" - - GtkButton::inner-border = {4, 4, 0, 2} - - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/treeview-ltr-button.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-ltr-button-hover.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-ltr-button-active.png" - border = {0, 1, 0, 1} - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = NORMAL - file = "assets/treeview-rtl-button.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "assets/treeview-rtl-button-hover.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "assets/treeview-rtl-button-active.png" - border = {1, 0, 0, 1} - stretch = TRUE - direction = RTL - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-up-alt.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-up.png" - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/pan-down-alt.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/pan-down.png" - overlay_stretch = FALSE - arrow_direction = DOWN - } - } -} - -style "scrolled_window" { - engine "pixmap" { - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - } -} - -style "frame" { - engine "pixmap" { - image { - function = SHADOW - shadow = NONE - } - - image { - function = SHADOW - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = {1, 1, 1, 1} - stretch = TRUE - gap_start_file = "assets/border.png" - gap_end_file = "assets/border.png" - } - } -} - -style "tool_button" { - GtkButton::inner-border = {2, 2, 2, 2} - - # For the sake of sanity style buttons this way - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/flat-button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/flat-button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # Don't add hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/flat-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = OUT - file = "assets/flat-button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - shadow = IN - file = "assets/button-disabled.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "toolbar_separator" { - GtkWidget::wide-separators = 1 - GtkWidget::separator-width = 1 - GtkWidget::separator-height = 1 - - engine "pixmap" { - image { - function = BOX - file = "assets/border.png" - } - } -} - -style "inline_toolbar" { - # GtkToolbar::button-relief = GTK_RELIEF_NORMAL - - engine "pixmap" { - image { - function = BOX - file = "assets/frame-inline.png" - border = {1, 1, 0, 1} - stretch = TRUE - } - } -} - -style "tooltip" { - xthickness = 8 - ythickness = 8 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color -} - -style "disable_text_shadow" { - engine "murrine" { - textstyle = 0 - } -} - -style "disable_separator" { - xthickness = 0 - ythickness = 0 - - GtkWidget::wide-separators = 1 -} - -# Default style, containing theme properties and trying to match every widget as -# much as possible, which is not only faster than trying to match every widget -# by its own but also less bug-prune and more consistent. However there is some -# widget specific stuff that needs to be taken care of, which is the point of -# every other style below. -class "GtkWidget" style "default" - -###################################### -# Override padding, style and colour # -###################################### - -class "GtkButton" style "button" -class "GtkLinkButton" style "link_button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkNotebook" style "notebook" -class "GtkHScale" style "scale_horz" -class "GtkVScale" style "scale_vert" -class "GtkProgressBar" style "progressbar" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkSeparatorToolItem" style "toolbar_separator" -class "GtkMenuBar" style "menubar" -class "GtkMenu" style "menu" -class "GtkTextView" style "textview" - -# Menu and menubar items -widget_class "*<GtkMenuItem>*" style "menu_item" -widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubar_item" -widget_class "*<GtkSeparatorMenuItem>*" style "separator_menu_item" - -# Treeview buttons -widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header" - -# Give the file chooser toolbar a border -widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar" - -# Fix padding on regular comboboxes -widget_class "*<GtkComboBox>.<GtkButton>" style "combobox" -widget_class "*<GtkOptionMenu>" style "combobox" - -# And disable separators on them -widget_class "*<GtkComboBox>.<GtkButton>*<GtkSeparator>" style "disable_separator" -widget_class "*<GtkFontButton>*<GtkSeparator>" style "disable_separator" -widget_class "*<GtkFileChooserButton>*<GtkSeparator>" style "disable_separator" - -# Join together the ComboBoxEntry entry and button -widget_class "*<GtkComboBoxEntry>*" style "combobox_entry" - -# Join the Combo entry and button -widget_class "*<GtkCombo>*" style "combobox_entry" - -# Tweak the padding on the button a little bit because it -# uses it a bit differently -widget_class "*<GtkCombo>.<GtkButton>" style "combo_button_padding" - -# Alas we cannot do the same for ComboBoxText because there -# isn't a way to apply the style to only the comboboxes that -# have an entry inside - -# Tool buttons have different styles -widget_class "*<GtkToolButton>*<GtkButton>" style "tool_button" -widget_class "*<GtkVBox>*<GtkEventBox>.<GtkToolbar>*<GtkButton>" style "tool_button" - -# Notebooks -widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label" -widget_class "*<GtkNotebook>.<GtkHBox>.<GtkLabel>" style "notebook_tab_label" - -# Notebooks are white, act accordingly -widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry" -widget_class "*<GtkNotebook>*<GtkProgressBar>" style "notebook_bg" -widget_class "*<GtkNotebook>*<GtkSpinButton>" style "notebook_bg" -widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_bg" -widget_class "*<GtkNotebook>*<GimpRuler>" style "notebook_bg" -widget_class "*<GtkNotebook>.<GimpDisplayShell>*<GtkEventBox>" style "notebook_bg" - -# However, stuff inside eventboxes inside notebooks is grey -# again, react -widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "normal_entry" -widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkProgressBar>" style "normal_bg" -widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>" style "normal_bg" - -# Button labels -widget_class "*<GtkButton>.<GtkLabel>" style "button_label" - -# Normalize button labels -widget_class "*<GtkCheckButton>.<GtkLabel>" style "normal_button_label" -widget_class "*<GtkOptionMenu>.<GtkLabel>" style "normal_button_label" - -# ComboBoxes tend to draw the button label with text[] -# instead of fg[], we need to fix that -widget_class "*<GtkComboBox>*<GtkCellView>" style "combobox_cellview" - -# Disable white text shadows -widget_class "*<GtkLabel>" style "disable_text_shadow" -widget_class "*<GtkCellView>" style "disable_text_shadow" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltip" diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic.svg deleted file mode 100644 index f2fc5ef1e..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic@2.svg deleted file mode 100644 index 464c67eeb..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/check-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ -<?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="check-symbolic@2.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="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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad580858a..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg deleted file mode 100644 index b12be3edc..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic.svg deleted file mode 100644 index 8cfdb6208..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic@2.svg deleted file mode 100644 index 7714de691..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="dot-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic.svg deleted file mode 100644 index ec2566e40..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic@2.svg deleted file mode 100644 index 06ef46eb9..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="line-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f060d..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167d..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg deleted file mode 100644 index 4b00bc195..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/scale-slider-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic.svg deleted file mode 100644 index d6eb8a5bc..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic@2.svg deleted file mode 100644 index 245090260..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-check-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-check-symbolic@2.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="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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index a2ba98196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 1e1a895ce..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic.svg deleted file mode 100644 index 994449063..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg deleted file mode 100644 index 0d11382ce..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-dot-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic.svg deleted file mode 100644 index 221ae3aad..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic@2.svg deleted file mode 100644 index 166951608..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-line-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 1d96d6cc5..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg deleted file mode 100644 index 4f699370c..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 597a4e6fc..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 63a252bb3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index c8b17ae3a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index fe61efb6e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index e5099acff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index 149543905..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 320fe9bb5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 4449641e8..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 7966479f2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index a66b5a391..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index f398287c4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index cfbc21dd7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 2e096715d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 41651c157..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 640a66715..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index a276f6502..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index e061e9bf3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index e9319b996..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 483f8e023..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 78d188932..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index a34601c8a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index f5779e00f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index c594c1ef2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 3ac4e8e5c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index bd90f1dc6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 8bd251166..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index c73d4f7be..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 68e783cba..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 3ff2e2964..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 8444d3166..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index d5a5fe1a2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index a8ef20f29..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 95d4a8ad6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 57cd4ae64..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index 8734299f9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 4157a485b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index 78e50a6e2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index adc12ce25..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e03..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7e0..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk-dark.css b/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk-dark.css deleted file mode 100644 index 24eadde7f..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,8232 +0,0 @@ -@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, #E0E0E0 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #E0E0E0 100%, transparent 0%); - } -} - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #F28B82; - -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: #E0E0E0; -} - -*: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: white; - background-color: #414141; -} - -.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: #E0E0E0; - background-color: rgba(224, 224, 224, 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: #E0E0E0; -} - -.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: #2C2C2C; - color: white; -} - -.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: #2C2C2C; - color: white; -} - -.gtkstyle-fallback:hover { - background-color: #1f1f1f; - color: white; -} - -.gtkstyle-fallback:active { - background-color: #131313; - color: white; -} - -.gtkstyle-fallback:disabled { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.5); -} - -.gtkstyle-fallback:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.view { - background-color: #2C2C2C; - color: white; -} - -.view:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.view:selected:hover { - box-shadow: none; -} - -window.background.csd > stack.view { - border-radius: 0 0 12px 12px; -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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, -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 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, -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 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, -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, -.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 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, -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 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, -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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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 { - border: 1px solid #E0E0E0; - background-color: rgba(224, 224, 224, 0.3); -} - -flowbox flowboxchild { - padding: 4px; - border-radius: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: currentColor; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -.dim-label { - color: rgba(255, 255, 255, 0.7); -} - -assistant .sidebar { - padding: 4px 0; -} - -assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -assistant .sidebar label.highlight { - color: white; -} - -/********************* - * 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.vertical:focus, spinbutton:focus:not(.vertical), -entry:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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: white; -} - -spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), -entry.error:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; -} - -spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; -} - -spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -spinbutton.vertical progress, spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -8px; - border-bottom: 2px solid #E0E0E0; - 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: #3C3C3C; - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry:focus { - border-image: none; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -.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: #242424; - color: rgba(255, 255, 255, 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: #F28B82; - 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 #F28B82; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #FDD633; - 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 #FDD633; -} - -.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #242424; - color: rgba(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 0.7); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#E0E0E0), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E0E0E0), 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: white; -} - -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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button, .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(255, 255, 255, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button: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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -button.osd:hover { - background-color: rgba(203, 203, 203, 0.9844); - color: rgba(0, 0, 0, 0.87); -} - -button.osd:active { - background-color: rgba(176, 176, 176, 0.9662); - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 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: white; -} - -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: #2196F3; -} - -*:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; -} - -button.combo:only-child:focus { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 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(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -button.combo:only-child:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -/************ - * Toolbars * - ************/ -toolbar { - -GtkWidget-window-dragging: true; - padding: 2px; - background-color: #2C2C2C; -} - -.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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #242424; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.3); -} - -.nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(255, 255, 255, 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: white; -} - -.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(255, 255, 255, 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: #2C2C2C; - color: white; - border-radius: 12px 12px 0 0; -} - -.titlebar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -.titlebar:backdrop:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar .titlebar { - background-color: transparent; - box-shadow: none; -} - -.titlebar headerbar + separator { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -.titlebar stackswitcher { - border: 2px solid #E0E0E0; -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - color: #2C2C2C; -} - -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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: 6px; - 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: 0 6px; -} - -headerbar:not(.titlebar) { - box-shadow: none; -} - -box.vertical headerbar { - background-color: #2C2C2C; -} - -headerbar > box.left, -headerbar > box.right { - padding: 0 3px; -} - -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: 0 0 12px 12px; - margin: 0; - 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(255, 255, 255, 0.08); - background-image: radial-gradient(circle, rgba(255, 255, 255, 0.08) 10%, transparent 0%); -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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), #E0E0E0 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), #E0E0E0 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(255, 255, 255, 0.3); - border-top-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: alpha(currentColor, 0.08); -} - -treeview.view:drop(active).after { - border-top-style: none; -} - -treeview.view:drop(active).before { - border-bottom-style: none; -} - -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 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: white; -} - -treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view.progressbar { - border: none; - box-shadow: none; - background-color: #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view header button, treeview.view header button:disabled { - background-color: #2C2C2C; -} - -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #2C2C2C; - color: white; -} - -menubar:backdrop, -.menubar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); - border-radius: 6px; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - border: 2px solid #E0E0E0; -} - -.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: white; - font: initial; - text-shadow: none; - border-radius: 6px; -} - -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -menu menuitem:hover accelerator, -.menu menuitem:hover accelerator, -.context-menu menuitem:hover accelerator { - color: rgba(0, 0, 0, 0.6); -} - -menu menuitem:hover:disabled accelerator, -.menu menuitem:hover:disabled accelerator, -.context-menu menuitem:hover:disabled accelerator { - color: rgba(0, 0, 0, 0.26); -} - -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -menu menuitem accelerator, -.menu menuitem accelerator, -.context-menu menuitem accelerator { - color: rgba(255, 255, 255, 0.7); -} - -menu menuitem:disabled accelerator, -.menu menuitem:disabled accelerator, -.context-menu menuitem:disabled accelerator { - color: rgba(255, 255, 255, 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: #505050; -} - -menu > arrow, -.menu > arrow, -.context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: white; -} - -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: #3C3C3C; - border-radius: 12px; -} - -popover.background, .csd popover.background { - border: 2px solid #E0E0E0; - 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: #3C3C3C; -} - -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; - min-width: 48px; - 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(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); -} - -tabbox > tab:checked, notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.15); - color: white; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -} - -tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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 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(255, 255, 255, 0.12); - color: white; -} - -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: #2C2C2C; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -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(255, 255, 255, 0.5); -} - -scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar slider:active { - background-color: white; -} - -scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar.fine-tune.horizontal slider { - margin: 2px 0; -} - -scrollbar.fine-tune.vertical slider { - margin: 0 2px; -} - -scrollbar.overlay-indicator:not(.fine-tune) slider { - transition-property: background-color, min-height, min-width; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(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(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(60, 60, 60, 0.9); -} - -scrollbar.horizontal slider { - min-width: 24px; -} - -scrollbar.vertical slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0; - border: 2px solid rgba(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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/selectionmode-checkbox-unchecked-dark@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); -} - -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #E0E0E0; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -treeview.view check:hover, treeview.view check:active, -treeview.view radio:hover, -treeview.view radio:active { - color: white; -} - -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); -} - -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #E0E0E0; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, -treeview.view radio:checked:disabled, -treeview.view radio:indeterminate:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 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/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, 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/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -printdialog paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame > border, -.frame { - margin: 0; - padding: 0; - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(224, 224, 224, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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: white; -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; -} - -.app-notification button.text-button:not(:disabled) { - color: #E0E0E0; -} - -.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(255, 255, 255, 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: white; -} - -expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); -} - -/************ - * Calendar * - ************/ -calendar { - padding: 3px 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar.header { - border-style: none none solid; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -calendar.button { - border-radius: 6px; -} - -calendar.highlight { - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); -} - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: #3C3C3C; -} - -messagedialog .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -messagedialog .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #F28B82; -} - -.csd filechooser { - background-color: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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; -} - -/*********** - * 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:not(separator).left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 3px; - border-radius: 6px; -} - -stacksidebar.sidebar row:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(255, 255, 255, 0.7); -} - -row image.sidebar-icon:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 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: #E0E0E0; -} - -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #E0E0E0; -} - -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(255, 255, 255, 0.12)); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 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: #2C2C2C; -} - -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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border-radius: 3px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -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: white; -} - -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 #E0E0E0; -} - -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(255, 255, 255, 0.04); -} - -colorswatch#add-color-button overlay:hover { - background-color: rgba(255, 255, 255, 0.12); - box-shadow: none; -} - -colorswatch#add-color-button overlay:active { - background-color: rgba(255, 255, 255, 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -decoration { - transition: none; - 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 50px transparent; - border-radius: 14px; - border: 2px solid #E0E0E0; - background-clip: border-box; - margin: 10px; -} - -decoration:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 50px transparent; - border: 2px solid #E0E0E0; - 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 { - margin: 0; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #E0E0E0; - border: none; - border-radius: 12px 12px 0 0; -} - -.csd.popup decoration { - border-radius: 12px; - border-radius: 14px; - border: 2px solid #E0E0E0; - 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -.solid-csd decoration:backdrop { - background-color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(#E0E0E0, 0.08); - background-image: radial-gradient(circle, alpha(#E0E0E0, 0.08) 10%, transparent 0%); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0.12); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -button.emoji-section { - margin: 4px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: #2C2C2C; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd headerbar { - padding-left: 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window.background.csd placessidebar > viewport.frame { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 15px 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list { - background: none; - padding: 6px; - padding-right: 8px; - padding-right: 8px; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 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: #2C2C2C; - border-radius: 12px; -} - -.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: #474747; -} - -.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: #E0E0E0; - 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(255, 255, 255, 0.7); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; -} - -@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(255, 255, 255, 0.04); -} - -.path-bar-box.background.frame { - border-style: none; - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} - -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { - background-color: rgba(255, 255, 255, 0.08); -} - -.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 { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.windowhandle .linked.nautilus-path-bar { - background-color: rgba(255, 255, 255, 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:not(.suggested-action):not(.destructive-action).current-dir { - color: white; -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { - background: none; - box-shadow: none; -} - -.disk-space-display.unknown { - background-color: rgba(255, 255, 255, 0.3); - color: rgba(255, 255, 255, 0.3); -} - -.disk-space-display.used { - background-color: #E0E0E0; - color: #E0E0E0; -} - -.disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.12); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -.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 :not(treeview).view { - 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.nautilus-window paned > separator { - background-color: #242424; -} - -/********* - * 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(255, 255, 255, 0.7); - font-size: smaller; -} - -.open-document-selector-match { - background-color: #FDD633; - color: rgba(0, 0, 0, 0.87); -} - -.gedit-document-panel { - background-color: #242424; -} - -.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(255, 255, 255, 0.12); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 12px; -} - -.gedit-search-slider { - margin: 0 6px 8px; - padding: 6px; - background-color: #2C2C2C; - color: white; - 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); - 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(255, 255, 255, 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: #3C3C3C; -} - -.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(255, 255, 255, 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; -} - -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: #E0E0E0; -} - -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: rgba(0, 0, 0, 0.87); -} - -.tweak-categories { - background-color: transparent; -} - -.csd .tweak-categories { - border-bottom-left-radius: 12px; -} - -.csd.maximized .tweak-categories, .csd.tiled .tweak-categories { - border-bottom-left-radius: 0; -} - -leaflet > box > scrolledwindow > viewport.frame > list.navigation-sidebar { - background-color: transparent; -} - -.tweak { - padding: 3px; -} - -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-white, -.tweak-white, -.tweak-white:hover { - background-image: image(#2C2C2C); -} - -.tweak-startup, -.tweak-startup:hover { - background-image: image(#2C2C2C); -} - -.tweak-group-startup { - background-image: image(#2C2C2C); -} - -.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(255, 255, 255, 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: #2C2C2C; - 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: #2C2C2C; - 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, leaflet frame.view, box.horizontal > stack.background frame.view { - border: none; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; - border: none; -} - -/************************ - * Gnome system monitor * - ************************/ -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #2C2C2C; - 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(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -stack.view.polari-entry-area { - background-color: #2C2C2C; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack:disabled.view.polari-entry-area { - background-image: image(#2C2C2C); -} - -/*********** - * Builder * - ***********/ -layouttabbar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -layouttabbar > box > button { - margin: 2px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #E0E0E0; - background-color: #2C2C2C; -} - -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.25); - -PnlDockBin-handle-size: 1; -} - -entry.search-missing { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -window.workbench treeview.image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -entry.preferences-search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -preferences stacksidebar.sidebar list { - background-color: #242424; -} - -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(255, 255, 255, 0.12); -} - -preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.25); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.25); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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, #E0E0E0 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -docktab:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -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 #E0E0E0; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: white; -} - -dockoverlayedge { - background-color: #2C2C2C; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -pillbox { - background-color: #2C2C2C; - border-radius: 6px; -} - -layoutpane entry.search { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - box-shadow: none; - background-color: #2C2C2C; -} - -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: white; - font-weight: normal; -} - -button.dzlmenubuttonitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -idelayoutstackheader { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -idelayoutstackheader button:checked { - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: #2C2C2C; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(255, 255, 255, 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(224, 224, 224, 0.7) 10%, transparent 0%); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: white; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #E0E0E0; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #E0E0E0; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -/********** - * Photos * - **********/ -GdMainIconView.content-view { - -GdMainIconView-icon-size: 48; -} - -.documents-counter { - margin: 8px; - border-radius: 9999px; - 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); - background-color: #E0E0E0; - 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: white; - font-weight: normal; -} - -button.photos-filter-preview:checked { - background-color: alpha(currentColor, 0.06); - color: white; -} - -button.photos-filter-preview:checked image { - color: white; -} - -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(255, 255, 255, 0.12); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); -} - -.side-panel .view { - background-image: image(#242424); -} - -.side-panel .view:hover { - background-image: image(#363636); -} - -.side-panel .view:selected { - background-image: image(#E0E0E0); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #2C2C2C; -} - -/************ - * Terminal * - ************/ -terminal-window decoration { - border-radius: 14px 14px 0 0; -} - -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: #2C2C2C; -} - -/*********** - * 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.25); -} - -list.categories { - background-image: image(#242424); -} - -/********* - * Boxes * - *********/ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 6px; - background-color: #242424; - color: white; -} - -/************** - * 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: white; - background-color: #2C2C2C; - box-shadow: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.25); -} - -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: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; - box-shadow: inset 0 -1px rgba(255, 255, 255, 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: #2C2C2C; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { - min-width: 1px; - background-color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.geary-main-window.unified separator.geary-sidebar-pane-separator { - min-width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - background-color: #2C2C2C; -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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 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 #E0E0E0, 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17), 0 0 0 2px #E0E0E0, 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 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); -} - -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(#3C3C3C); -} - -.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: #2C2C2C; -} - -.terminator-terminal-window notebook.frame { - border-style: none; -} - -/************* - * Ubitquity * - *************/ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(255, 255, 255, 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: #3C3C3C; -} - -window.background.chromium decoration { - background-clip: padding-box; - 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); -} - -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid #4b4b4b; -} - -window.background.chromium > button { - color: #E0E0E0; -} - -window.background.chromium > button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -window.background.chromium menubar, -window.background.chromium headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window.background.chromium headerbar button:active { - background-color: alpha(currentColor, 0.12); -} - -window.background.chromium spinner { - color: #E0E0E0; -} - -window.background.chromium textview.view { - background-color: transparent; -} - -window.background.chromium treeview.view.cell:selected:focus { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -window.background.chromium treeview.view button { - border: 1px solid #4b4b4b; - background-color: #2C2C2C; -} - -window.background.chromium menu { - border-color: #555555; -} - -window.background.chromium menu menuitem { - border-radius: 0; -} - -tooltip.background.chromium { - background-color: #191919; -} - -/*********** - * Firefox * - ***********/ -#MozillaGtkWidget > widget text { - background-color: #3C3C3C; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -#MozillaGtkWidget > widget > separator { - color: #4b4b4b; -} - -#MozillaGtkWidget > widget > scrollbar { - background-clip: border-box; -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #4b4b4b; -} - -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid #4b4b4b; - border-radius: 6px; - box-shadow: none; -} - -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: #2C2C2C; -} - -#MozillaGtkWidget > widget > entry:focus { - border-color: #E0E0E0; - box-shadow: inset 0 0 0 1px #E0E0E0; -} - -#MozillaGtkWidget > widget > entry:disabled { - background-color: #242424; -} - -#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: #757575; -} - -#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: #9E9E9E; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(117, 117, 117, 0.5); -} - -#MozillaGtkWidget menu { - border: none; -} - -#MozillaGtkWidget > widget > menubar { - color: rgba(255, 255, 255, 0.7); -} - -#MozillaGtkWidget > widget > menubar:hover { - color: white; -} - -#MozillaGtkWidget > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); -} - -#MozillaGtkWidget > widget > frame { - color: #4b4b4b; -} - -#MozillaGtkWidget menu > separator { - color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 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: #2C2C2C; -} - -/********* - * 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 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); - margin-top: -2px; - border: 2px solid #E0E0E0; -} - -#gnc-id-main-window treeview.view { - background-color: #2C2C2C; -} - -/********* - * 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: #E0E0E0; - -UnityDecoration-title-indent: 4px; - -UnityDecoration-title-fade: 32px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration .top { - padding: 0 2px; - border-style: none; - border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #2C2C2C; - color: white; -} - -UnityDecoration .top:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.background:not(.csd) headerbar:not(.titlebar) { - border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17); -} - -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { - border-style: none; -} - -UnityPanelWidget, -.unity-panel { - background-color: #212121; - color: white; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px currentColor; - background-color: transparent; - color: white; -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spin 1s linear infinite; - color: #E0E0E0; -} - -/************** - * Mate-Panel * - **************/ -.mate-panel-menu-bar menubar, -#PanelApplet-window-menu-applet-button { - background-color: transparent; -} - -.mate-panel-menu-bar { - background-color: #212121; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -MatePanelAppletFrameDBus { - border-style: solid; - border-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.mate-panel-menu-bar menubar > menuitem:hover { - color: white; -} - -.mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 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: #E0E0E0; -} - -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: #E0E0E0; -} - -.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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#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(255, 255, 255, 0.12); -} - -#MatePanelPopupWindow expander > title { - min-height: 32px; -} - -#MatePanelPopupWindow button { - padding: 4px 16px; -} - -#MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(255, 255, 255, 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.25); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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: white; -} - -#mate-menu { - border: 1px solid rgba(0, 0, 0, 0.25); - background-color: #3C3C3C; -} - -#mate-menu button { - min-height: 24px; - min-width: 24px; - padding: 4px 0; - color: white; - 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(255, 255, 255, 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(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.brisk-menu entry { - margin-bottom: -2px; - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.brisk-menu entry + box > box:dir(rtl) { - margin-left: -2px; - border-left: 1px solid rgba(255, 255, 255, 0.12); -} - -.brisk-menu .categories-list { - padding-top: 4px; -} - -.brisk-menu .categories-list button { - margin: 0 4px; -} - -.brisk-menu .categories-list button:checked { - color: #E0E0E0; -} - -.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: white; - 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: #2C2C2C; -} - -.caja-side-pane notebook, -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.04); - background-image: none; - color: white; -} - -.caja-desktop.view .entry:selected, -.caja-navigation-window .view .entry:selected { - background-color: alpha(currentColor, 0.06); -} - -.caja-desktop.view .entry { - background-color: #2C2C2C; - color: white; - 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(255, 255, 255, 0.12); -} - -.caja-notebook frame > border { - border-style: none; -} - -#caja-extra-view-widget { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -#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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -/* mate-screensaver lock dialog */ -.lock-dialog { - border: 1px solid rgba(0, 0, 0, 0.25); - border-radius: 7px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.lock-dialog frame > border { - border-style: none; -} - -.lock-dialog button:not(:disabled) { - color: #E0E0E0; -} - -/* multimedia OSD */ -MsdOsdWindow.background.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -MsdOsdWindow.background.osd .trough { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); -} - -MsdOsdWindow.background.osd .progressbar { - border-radius: 0; - background-color: #E0E0E0; -} - -/****************** - * 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 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); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 0.04); -} - -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background-color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); -} - -.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: white; - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12)); -} - -.budgie-panel button.budgie-menu-launcher:hover { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:hover image { - background-image: image(rgba(255, 255, 255, 0.2)); -} - -.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: white; -} - -.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { - background-image: image(rgba(255, 255, 255, 0.28)); -} - -.budgie-panel { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.budgie-panel.transparent { - background-color: #242424; -} - -.budgie-panel button { - color: rgba(255, 255, 255, 0.7); - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 0; -} - -.budgie-panel button:hover { - color: white; -} - -.budgie-panel button:active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.budgie-menu-launcher:focus { - background: none; - box-shadow: none; - border: none; - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.raven-trigger { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); -} - -.budgie-panel .alert { - color: #F28B82; -} - -.budgie-panel .titlebar:not(headerbar) { - min-height: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - color: white; -} - -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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: white; -} - -.budgie-panel menubar, -.budgie-panel .menubar { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, -.budgie-panel .menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:active { - color: white; -} - -.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(255, 255, 255, 0.5); -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - 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); -} - -.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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -.raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.06); - color: white; -} - -.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: white; -} - -.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: #242424; - color: white; -} - -.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(255, 255, 255, 0.7); -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -.budgie-panel .lock-keys image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 12px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.drop-shadow .linked > button { - border-radius: 12px; -} - -.budgie-session-dialog, -.budgie-polkit-dialog, -.budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -.budgie-polkit-dialog .failure { - color: #F28B82; -} - -.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: white; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -/************** - * Xfce4 Apps * - **************/ -.XfceHeading { - background-color: #2C2C2C; -} - -/*************** - * xfce4-panel * - ***************/ -.xfce4-panel.background { - border: none; - background-color: #212121; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; -} - -.xfce4-panel.background button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} - -.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: #E0E0E0; -} - -XfdesktopIconView.view { - border-radius: 6px; - background-color: transparent; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: #2C2C2C; - color: white; -} - -#panel_window menubar, -#panel_window separator { - background-color: transparent; -} - -#panel_window separator { - padding: 0 4px; -} - -#panel_window separator:first-child { - padding: 0 8px; -} - -#panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -#panel_window menubar > menuitem:hover { - color: white; -} - -#panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - margin: 8px; - border-radius: 6px; - 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -#content_frame { - padding-bottom: 16px; -} - -#buttonbox_frame { - padding-top: 24px; -} - -#buttonbox_frame > box, -#buttonbox_frame > buttonbox { - margin: -16px; -} - -#buttonbox_frame button:not(:disabled) { - color: #E0E0E0; -} - -/******** - * Nemo * - ********/ -.nemo-window { - background-color: #2C2C2C; -} - -.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(255, 255, 255, 0.7); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 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: white; -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #E0E0E0 100%, transparent 0%) 0 0 2/0 0 2px; -} - -.nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #6b6b6b; - -NemoPlacesTreeView-disk-full-fg-color: #E0E0E0; - -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-places-sidebar { - border: none; -} - -.nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.04); -} - -.nemo-window paned > .sidebar { - padding: 0; - background-color: #E0E0E0; - 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(168, 168, 168, 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: white; -} - -.nemo-window > grid > separator { - background-color: transparent; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar { - min-height: 32px; - padding: 3px; - margin: 0; - border-style: none; - border-radius: 0; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.left { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.right { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button { - margin: 4px; - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk.css b/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk.css deleted file mode 100644 index 3a6f79f53..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-3.0/gtk.css +++ /dev/null @@ -1,8232 +0,0 @@ -@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, #333333 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #333333 100%, transparent 0%); - } -} - -* { - background-clip: padding-box; - -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #D93025; - -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: #333333; -} - -*: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: rgba(0, 0, 0, 0.87); - background-color: rgba(235, 235, 235, 0.987); -} - -.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: #333333; - background-color: rgba(51, 51, 51, 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: white; - background-color: #333333; -} - -.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: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.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: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.gtkstyle-fallback:hover { - background-color: #f2f2f2; - color: rgba(0, 0, 0, 0.87); -} - -.gtkstyle-fallback:active { - background-color: #e6e6e6; - color: rgba(0, 0, 0, 0.87); -} - -.gtkstyle-fallback:disabled { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.38); -} - -.gtkstyle-fallback:selected { - background-color: #333333; - color: white; -} - -.view { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.view:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -.view:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.view:selected:hover { - box-shadow: none; -} - -window.background.csd > stack.view { - border-radius: 0 0 12px 12px; -} - -textview text { - background-color: #FFFFFF; -} - -textview border { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.6); -} - -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 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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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, -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 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, -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 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, -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, -.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 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, -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 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, -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, -treeview.view .content-view flowbox rubberband, -treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, -XfdesktopIconView.view treeview.view .content-view flowbox .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 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 { - border: 1px solid #333333; - background-color: rgba(51, 51, 51, 0.3); -} - -flowbox flowboxchild { - padding: 4px; - border-radius: 6px; -} - -.content-view .tile:selected { - background-color: transparent; -} - -label { - caret-color: currentColor; -} - -label.separator { - color: rgba(0, 0, 0, 0.6); -} - -label:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(52, 52, 52, 0.9); - color: white; -} - -.dim-label { - color: rgba(0, 0, 0, 0.6); -} - -assistant .sidebar { - padding: 4px 0; -} - -assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(0, 0, 0, 0.38); - font-weight: 500; -} - -assistant .sidebar label.highlight { - color: rgba(0, 0, 0, 0.87); -} - -/********************* - * 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -spinbutton.vertical:focus, spinbutton:focus:not(.vertical), -entry:focus { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #333333; -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -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(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, -entry image:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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(0, 0, 0, 0.26) 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(0, 0, 0, 0.26) 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), -entry.error:focus { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #D93025; -} - -spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), -entry.warning:focus { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #F4B400; -} - -spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -spinbutton.vertical progress, spinbutton:not(.vertical) progress, -entry progress { - margin: 2px -8px; - border-bottom: 2px solid #333333; - 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: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.gedit-search-slider .linked:not(.vertical) > entry:focus { - border-image: none; - box-shadow: inset 0 0 0 2px #333333; -} - -.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: #FAFAFA; - color: rgba(0, 0, 0, 0.38); -} - -.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: #D93025; - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error:focus { - border-image: none; - box-shadow: inset 0 0 0 2px #D93025; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.38); -} - -.gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(255, 255, 255, 0.7); -} - -.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.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: #F4B400; - 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 #F4B400; -} - -.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.38); -} - -.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: #FFFFFF; -} - -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(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.6); -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#333333), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#333333), 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(255, 255, 255, 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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 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(0, 0, 0, 0.04); - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.87); -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - box-shadow: none; - background-color: #333333; - color: white; -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -.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; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button, .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(0, 0, 0, 0.6); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.26); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.38); -} - -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:not(:only-child).image-button:not(.text-button), .linked.vertical > button.flat:not(:only-child).image-button: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: #333333; - color: white; -} - -button.osd:hover { - background-color: #4b4b4b; - color: white; -} - -button.osd:active { - background-color: #686868; - color: white; -} - -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: #333333; - color: white; - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(51, 51, 51, 0.2), 0 4px 3px 0 rgba(51, 51, 51, 0.14), 0 1px 6px 0 rgba(51, 51, 51, 0.12); -} - -button.suggested-action:checked { - background-color: #707070; -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(51, 51, 51, 0.3), 0 2px 3px -1px rgba(51, 51, 51, 0.24), 0 2px 5px 0 rgba(51, 51, 51, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #333333; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -button.suggested-action.flat:checked { - background-color: rgba(51, 51, 51, 0.3); -} - -button.destructive-action { - background-color: #D93025; - color: white; - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); -} - -button.destructive-action:checked { - background-color: #e46e66; -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #D93025; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - -button.destructive-action.flat:checked { - background-color: rgba(217, 48, 37, 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: rgba(0, 0, 0, 0.87); -} - -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: #2196F3; -} - -*:visited { - color: #9C27B0; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #9C27B0; -} - -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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.38); -} - -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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:focus { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); -} - -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(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #333333; -} - -button.combo:only-child:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -/************ - * Toolbars * - ************/ -toolbar { - -GtkWidget-window-dragging: true; - padding: 2px; - background-color: #FFFFFF; -} - -.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 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0); -} - -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(0, 0, 0, 0.12); - background-color: #FAFAFA; -} - -searchbar > revealer > box, -.location-bar { - padding: 6px; - border-style: solid; - border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - 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(0, 0, 0, 0.6); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.26); -} - -.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(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.26); -} - -.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(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.26); -} - -.nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -.nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(0, 0, 0, 0.6); -} - -.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { - color: rgba(0, 0, 0, 0.87); -} - -.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.titlebar { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - border-radius: 12px 12px 0 0; -} - -.titlebar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -.titlebar:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.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(0, 0, 0, 0.6); -} - -.titlebar .subtitle:backdrop, -.titlebar .dim-label:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -.titlebar .titlebar { - background-color: transparent; - box-shadow: none; -} - -.titlebar headerbar + separator { - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -.titlebar stackswitcher { - border: 2px solid #333333; -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.08) 10%, transparent 0%); -} - -.titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #333333; - color: #FFFFFF; -} - -.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 0.1); - background-color: #333333; - color: white; -} - -.titlebar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.titlebar.selection-mode .subtitle:link { - color: white; -} - -.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: white; -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: white; -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); -} - -.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.titlebar.selection-mode .selection-menu { - padding-left: 16px; - padding-right: 16px; -} - -.titlebar.selection-mode .selection-menu arrow { - -GtkArrow-arrow-scaling: 1; -} - -.titlebar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.titlebar .selection-mode { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #333333; -} - -.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: 6px; - 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: 0 6px; -} - -headerbar:not(.titlebar) { - box-shadow: none; -} - -box.vertical headerbar { - background-color: #FFFFFF; -} - -headerbar > box.left, -headerbar > box.right { - padding: 0 3px; -} - -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: 0 0 12px 12px; - margin: 0; - 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(0, 0, 0, 0.08); - background-image: radial-gradient(circle, rgba(0, 0, 0, 0.08) 10%, transparent 0%); -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { - background-color: #333333; - color: white; -} - -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), #333333 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), #333333 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(0, 0, 0, 0.26); - border-top-color: rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 9999px; - border-color: alpha(currentColor, 0.08); -} - -treeview.view:drop(active).after { - border-top-style: none; -} - -treeview.view:drop(active).before { - border-bottom-style: none; -} - -treeview.view.expander { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -treeview.view.expander:disabled { - color: rgba(0, 0, 0, 0.26); -} - -treeview.view.progressbar { - border: none; - box-shadow: none; - background-color: #333333; - background-image: none; - border-radius: 9999px; - color: white; -} - -treeview.view.progressbar:selected:hover { - box-shadow: none; -} - -treeview.view.trough { - border: none; - box-shadow: none; - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); -} - -treeview.view header button, treeview.view header button:disabled { - background-color: #FFFFFF; -} - -treeview.view button.dnd, -treeview.view header.button.dnd { - padding: 2px 6px; - border-style: none solid solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #FFFFFF; - background-clip: border-box; - color: #333333; -} - -treeview.view acceleditor > label { - background-color: #333333; -} - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -menubar:backdrop, -.menubar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.6); - border-radius: 6px; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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: #FFFFFF; - background-clip: border-box; - border-radius: 12px; - border: 2px solid #333333; -} - -.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: rgba(0, 0, 0, 0.87); - font: initial; - text-shadow: none; - border-radius: 6px; -} - -menu menuitem:hover, -.menu menuitem:hover, -.context-menu menuitem:hover { - transition: none; - background-color: #333333; - color: white; -} - -menu menuitem:hover accelerator, -.menu menuitem:hover accelerator, -.context-menu menuitem:hover accelerator { - color: rgba(255, 255, 255, 0.7); -} - -menu menuitem:hover:disabled accelerator, -.menu menuitem:hover:disabled accelerator, -.context-menu menuitem:hover:disabled accelerator { - color: rgba(255, 255, 255, 0.3); -} - -menu menuitem:disabled, -.menu menuitem:disabled, -.context-menu menuitem:disabled { - color: rgba(0, 0, 0, 0.38); -} - -menu menuitem accelerator, -.menu menuitem accelerator, -.context-menu menuitem accelerator { - color: rgba(0, 0, 0, 0.6); -} - -menu menuitem:disabled accelerator, -.menu menuitem:disabled accelerator, -.context-menu menuitem:disabled accelerator { - color: rgba(0, 0, 0, 0.26); -} - -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: rgba(235, 235, 235, 0.987); -} - -menu > arrow, -.menu > arrow, -.context-menu > arrow { - min-height: 16px; - min-width: 16px; - padding: 4px; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -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: #FFFFFF; - border-radius: 12px; -} - -popover.background, .csd popover.background { - border: 2px solid #333333; - 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: #FFFFFF; -} - -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; - min-width: 48px; - 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(0, 0, 0, 0.6); - font-weight: 500; - border-radius: 6px; -} - -tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(0, 0, 0, 0.26); -} - -tabbox > tab:checked, notebook > header tab:checked { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: white; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -} - -tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(0, 0, 0, 0.04); -} - -notebook, notebook.frame { - background-color: #FFFFFF; - 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(0, 0, 0, 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 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(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -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: #FFFFFF; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -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(0, 0, 0, 0.38); -} - -scrollbar slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -scrollbar slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -scrollbar slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -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(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.38); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(255, 255, 255, 0.9); -} - -scrollbar.horizontal slider { - min-width: 24px; -} - -scrollbar.vertical slider { - min-height: 24px; -} - -scrollbar button { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); -} - -/********** - * Switch * - **********/ -switch { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - margin: 6px 0; - padding: 0; - border: 2px solid rgba(0, 0, 0, 0.6); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; -} - -switch:checked { - background-color: #333333; - border-color: #333333; -} - -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(0, 0, 0, 0.6); - border: none; -} - -switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); -} - -switch:checked slider { - background-color: #FFFFFF; - color: #FFFFFF; -} - -/************************* - * 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.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); -} - -.view.content-view.check:not(list):checked, -.content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); -} - -checkbutton, -radiobutton { - outline: none; -} - -checkbutton.text-button, -radiobutton.text-button { - padding: 2px; -} - -checkbutton.text-button label:not(:only-child), -radiobutton.text-button label:not(:only-child) { - margin: 0 4px; -} - -check, -radio { - min-height: 24px; - min-width: 24px; - margin: -8px; - padding: 8px; -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - color: #333333; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.6); -} - -treeview.view check:hover, treeview.view check:active, -treeview.view radio:hover, -treeview.view radio:active { - color: rgba(0, 0, 0, 0.87); -} - -treeview.view check:disabled, -treeview.view radio:disabled { - color: rgba(0, 0, 0, 0.26); -} - -treeview.view check:checked, treeview.view check:indeterminate, -treeview.view radio:checked, -treeview.view radio:indeterminate { - color: #333333; -} - -treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, -treeview.view radio:checked:disabled, -treeview.view radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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(0, 0, 0, 0.26); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#333333); -} - -scale highlight:disabled { - background-color: #FFFFFF; - background-image: image(rgba(0, 0, 0, 0.26)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.26); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #333333; - background-color: #FFFFFF; - box-shadow: inset 0 0 0 2px #333333; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #333333, 0 0 0 8px rgba(0, 0, 0, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #333333, 0 0 0 8px rgba(0, 0, 0, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); -} - -scale marks, -scale value { - color: rgba(0, 0, 0, 0.6); -} - -scale indicator { - background-color: rgba(0, 0, 0, 0.26); - 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.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), 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.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), 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.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), 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.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), 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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #333333; -} - -progressbar.osd { - min-width: 6px; - min-height: 6px; - background-color: transparent; -} - -progressbar.osd trough { - background-color: transparent; -} - -progressbar.osd progress { - background-color: #333333; -} - -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: #F4B400; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #333333; -} - -levelbar block.full { - background-color: #0F9D58; -} - -levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); -} - -/**************** - * Print dialog * -*****************/ -printdialog paper { - padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -printdialog .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame > border, -.frame { - margin: 0; - padding: 0; - border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; - 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(51, 51, 51, 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(51, 51, 51, 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(51, 51, 51, 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(51, 51, 51, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - min-width: 1px; - min-height: 1px; - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -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: rgba(0, 0, 0, 0.87); -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled image, -row:selected:disabled label { - color: rgba(0, 0, 0, 0.38); -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 8px; -} - -.app-notification button.text-button:not(:disabled) { - color: #333333; -} - -.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(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -expander title > arrow:disabled { - color: rgba(0, 0, 0, 0.26); -} - -/************ - * Calendar * - ************/ -calendar { - padding: 3px 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -calendar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -calendar:selected { - border-radius: 6px; -} - -calendar.header { - border-style: none none solid; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -calendar.button { - border-radius: 6px; -} - -calendar.highlight { - color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -calendar:indeterminate { - color: rgba(0, 0, 0, 0.26); -} - -/*********** - * Dialogs * - ***********/ -messagedialog.background { - background-color: #FFFFFF; -} - -messagedialog .titlebar { - min-height: 24px; - border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -messagedialog .titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -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: #333333; -} - -messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) { - color: #333333; -} - -messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #D93025; -} - -.csd filechooser { - background-color: #FFFFFF; - border-radius: 0 0 12px 12px; -} - -filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -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; -} - -/*********** - * 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:not(separator).left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 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: #FFFFFF; -} - -stacksidebar.sidebar row { - min-height: 32px; - padding: 0 3px; - border-radius: 6px; -} - -stacksidebar.sidebar row:selected { - background-color: #333333; - color: white; - font-weight: 500; -} - -stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { - color: white; -} - -stacksidebar.sidebar row + row { - margin-top: 3px; -} - -stacksidebar.sidebar row > label { - padding-left: 6px; - padding-right: 6px; - color: inherit; -} - -separator.sidebar { - background-color: rgba(0, 0, 0, 0.12); -} - -/**************** - * File chooser * - ****************/ -row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); -} - -row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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: #333333; - font-weight: 500; -} - -placessidebar.sidebar row:selected, placessidebar.sidebar row:selected image.sidebar-icon, placessidebar.sidebar row:selected button.sidebar-button { - color: white; -} - -placessidebar.sidebar row:disabled { - color: rgba(0, 0, 0, 0.38); -} - -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: #333333; -} - -placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #333333; -} - -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(0, 0, 0, 0.12)); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #FFFFFF; - background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 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: #FFFFFF; -} - -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: #333333; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #333333; - color: white; -} - -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: white; -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: white; -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #404040; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F4B400; - 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: #ffc00f; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #D93025; - color: white; -} - -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: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #dd443a; -} - -/************ - * Tooltips * - ************/ -tooltip { - border-radius: 3px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(52, 52, 52, 0.9); - color: white; -} - -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: white; -} - -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 #333333; -} - -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(0, 0, 0, 0.04); -} - -colorswatch#add-color-button overlay:hover { - background-color: rgba(0, 0, 0, 0.12); - box-shadow: none; -} - -colorswatch#add-color-button overlay:active { - background-color: rgba(0, 0, 0, 0.26); -} - -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 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #FFFFFF; -} - -/********************** - * Window Decorations * - **********************/ -decoration { - transition: none; - 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 50px transparent; - border-radius: 14px; - border: 2px solid #333333; - background-clip: border-box; - margin: 10px; -} - -decoration:backdrop { - transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - 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 50px transparent; - border: 2px solid #333333; - 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 { - margin: 0; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #333333; - border: none; - border-radius: 12px 12px 0 0; -} - -.csd.popup decoration { - border-radius: 12px; - border-radius: 14px; - border: 2px solid #333333; - 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: #FFFFFF; - border: 2px solid #333333; -} - -.solid-csd decoration:backdrop { - background-color: #FFFFFF; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #333333; - color: #FFFFFF; -} - -button.titlebutton:not(.suggested-action):not(.destructive-action).close:active { - background-color: #1a1a1a; - color: #FFFFFF; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #333333; - -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(0, 0, 0, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #333333; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #333333; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(#333333, 0.08); - background-image: radial-gradient(circle, alpha(#333333, 0.08) 10%, transparent 0%); -} - -stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #333333; - color: white; -} - -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(0, 0, 0, 0.12); - border-image: none; - border-radius: 0; - box-shadow: none; - background-color: transparent; -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -button.emoji-section { - margin: 4px; -} - -button.emoji-section:checked { - color: #333333; -} - -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: #FFFFFF; - border-radius: 0 0 12px 12px; -} - -.nautilus-window.background.csd headerbar { - padding-left: 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, -.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { - margin-left: -1px; -} - -.nautilus-window.background.csd placessidebar { - background-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -.nautilus-window.background.csd placessidebar > viewport.frame { - background-color: #333333; - color: white; - margin: 0 15px 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list { - background: none; - padding: 6px; - padding-right: 8px; - padding-right: 8px; -} - -.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: white; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable:selected { - background-color: #FFFFFF; - font-weight: 700; -} - -.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: #333333; -} - -.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(0, 0, 0, 0.26); -} - -.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: #FFFFFF; - border-radius: 12px; -} - -.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: #e0e0e0; -} - -.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: #333333; - color: white; -} - -.nautilus-window .floating-bar button { - margin: 4px; - color: white; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: rgba(0, 0, 0, 0.6); -} - -.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; -} - -@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(0, 0, 0, 0.04); -} - -.path-bar-box.background.frame { - border-style: none; - background-color: rgba(0, 0, 0, 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:not(.suggested-action):not(.destructive-action).text-button { - min-width: 0; -} - -.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { - background-color: rgba(0, 0, 0, 0.08); -} - -.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 { - background-color: transparent; - color: rgba(0, 0, 0, 0.38); -} - -.windowhandle .linked.nautilus-path-bar { - background-color: rgba(0, 0, 0, 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:not(.suggested-action):not(.destructive-action).current-dir { - color: rgba(0, 0, 0, 0.87); -} - -.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { - background: none; - box-shadow: none; -} - -.disk-space-display.unknown { - background-color: rgba(0, 0, 0, 0.26); - color: rgba(0, 0, 0, 0.26); -} - -.disk-space-display.used { - background-color: #333333; - color: #333333; -} - -.disk-space-display.free { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.12); -} - -.search-information { - padding: 2px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.conflict-row:not(:selected) { - background-color: #fce9b3; -} - -.nautilus-window flowboxchild .icon-item-background { - padding: 4px; - border-radius: 6px; -} - -.nautilus-window flowboxchild:selected { - background-color: transparent; -} - -.nautilus-window notebook :not(treeview).view { - 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(0, 0, 0, 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(0, 0, 0, 0.6); -} - -.nautilus-window paned > separator { - background-color: #FAFAFA; -} - -/********* - * 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(0, 0, 0, 0.6); - font-size: smaller; -} - -.open-document-selector-match { - background-color: #F4B400; - color: rgba(0, 0, 0, 0.87); -} - -.gedit-document-panel { - background-color: #FAFAFA; -} - -.gedit-document-panel row button.flat { - margin-top: 8px; - margin-bottom: 8px; -} - -.gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 12px; -} - -.gedit-search-slider { - margin: 0 6px 8px; - padding: 6px; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - 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); - 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(0, 0, 0, 0.6); -} - -.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: #FFFFFF; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(255, 255, 255, 0.7); -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: white; -} - -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.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(0, 0, 0, 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; -} - -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: #333333; -} - -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: white; -} - -.tweak-categories { - background-color: transparent; -} - -.csd .tweak-categories { - border-bottom-left-radius: 12px; -} - -.csd.maximized .tweak-categories, .csd.tiled .tweak-categories { - border-bottom-left-radius: 0; -} - -leaflet > box > scrolledwindow > viewport.frame > list.navigation-sidebar { - background-color: transparent; -} - -.tweak { - padding: 3px; -} - -.tweak.title:hover { - box-shadow: none; -} - -.tweak-group-white, -.tweak-white, -.tweak-white:hover { - background-image: image(#FFFFFF); -} - -.tweak-startup, -.tweak-startup:hover { - background-image: image(#FFFFFF); -} - -.tweak-group-startup { - background-image: image(#FFFFFF); -} - -.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(0, 0, 0, 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: #FFFFFF; - 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: #FFFFFF; - 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, leaflet frame.view, box.horizontal > stack.background frame.view { - border: none; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; - border: none; -} - -/************************ - * Gnome system monitor * - ************************/ -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #FFFFFF; - 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(0, 0, 0, 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: #333333; - color: white; -} - -stack.view.polari-entry-area { - background-color: #FFFFFF; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack:disabled.view.polari-entry-area { - background-image: image(#FFFFFF); -} - -/*********** - * Builder * - ***********/ -layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -layouttabbar > box > button { - margin: 2px 0; -} - -layouttab { - margin: 0 8px; - border-style: none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px #333333; - background-color: #FFFFFF; -} - -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.12); - -PnlDockBin-handle-size: 1; -} - -entry.search-missing { - background-color: #D93025; - color: white; -} - -window.workbench treeview.image { - color: rgba(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.6); -} - -popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -entry.preferences-search { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: none; - background-color: #FFFFFF; -} - -preferences stacksidebar.sidebar list { - background-color: #FAFAFA; -} - -preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { - border-style: none; -} - -preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-action-area button { - padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -popover.transfers list row > box { - padding: 10px; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -eggsearchbar box.search-bar { - padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -docktabstrip { - padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -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, #333333 10%, transparent 0%); - background-repeat: no-repeat; - background-position: center; - background-size: 0% 0%; - color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -docktab:hover { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -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 #333333; - background-color: transparent; - background-image: radial-gradient(circle, transparent 10%, transparent 0%); - background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.87); -} - -dockoverlayedge { - background-color: #FFFFFF; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #333333; -} - -dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #333333; -} - -pillbox { - background-color: #FFFFFF; - border-radius: 6px; -} - -layoutpane entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: none; - background-color: #FFFFFF; -} - -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: rgba(0, 0, 0, 0.87); - font-weight: normal; -} - -button.dzlmenubuttonitem:disabled { - color: rgba(0, 0, 0, 0.38); -} - -idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -idelayoutstackheader button:checked { - color: rgba(0, 0, 0, 0.87); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher { - padding: 8px 0; - background-color: #FFFFFF; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 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(51, 51, 51, 0.7) 10%, transparent 0%); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { - margin-right: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #333333; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { - margin-left: -1px; -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #333333; -} - -ideeditorsidebar notebook header { - background: transparent; -} - -popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -/********** - * Photos * - **********/ -GdMainIconView.content-view { - -GdMainIconView-icon-size: 48; -} - -.documents-counter { - margin: 8px; - border-radius: 9999px; - 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); - background-color: #333333; - color: white; - 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: rgba(0, 0, 0, 0.87); - font-weight: normal; -} - -button.photos-filter-preview:checked { - background-color: alpha(currentColor, 0.06); - color: rgba(0, 0, 0, 0.87); -} - -button.photos-filter-preview:checked image { - color: white; -} - -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { - border-style: none none none solid; -} - -overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { - border-style: none solid none none; -} - -/********* - * Music * - *********/ -.side-panel:dir(ltr) { - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); -} - -.side-panel:dir(rtl) { - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); -} - -.side-panel .view { - background-image: image(#FAFAFA); -} - -.side-panel .view:hover { - background-image: image(rgba(234, 234, 234, 0.9896)); -} - -.side-panel .view:selected { - background-image: image(#333333); -} - -.side-panel .view:selected:hover { - background-image: image(#434343); -} - -.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(0, 0, 0, 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: #FFFFFF; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #FFFFFF; -} - -/************ - * Terminal * - ************/ -terminal-window decoration { - border-radius: 14px 14px 0 0; -} - -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: #FFFFFF; -} - -/*********** - * 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.12); -} - -list.categories { - background-image: image(#FAFAFA); -} - -/********* - * Boxes * - *********/ -.transparent-bg + stack overlay > label { - min-height: 24px; - padding: 0 4px; - border-radius: 6px; - background-color: #242424; - color: white; -} - -/************** - * 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: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - box-shadow: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -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: #FFFFFF; -} - -.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(0, 0, 0, 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: #FFFFFF; - box-shadow: inset 0 -1px rgba(0, 0, 0, 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: #FFFFFF; -} - -.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { - min-width: 1px; - background-color: rgba(0, 0, 0, 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: #333333; - color: white; -} - -.geary-main-window.unified separator.geary-sidebar-pane-separator { - min-width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - background-color: #FFFFFF; -} - -.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(0, 0, 0, 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: #FFFFFF; -} - -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 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 #333333, 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17), 0 0 0 2px #333333, 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 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); -} - -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(#FFFFFF); -} - -.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: #FFFFFF; -} - -.terminator-terminal-window notebook.frame { - border-style: none; -} - -/************* - * Ubitquity * - *************/ -#live_installer .menubar progressbar trough { - border-radius: 4px; - background-color: rgba(0, 0, 0, 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: #FFFFFF; -} - -window.background.chromium decoration { - background-clip: padding-box; - 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); -} - -window.background.chromium entry, -window.background.chromium > button { - border: 1px solid #e0e0e0; -} - -window.background.chromium > button { - color: #333333; -} - -window.background.chromium > button:disabled { - color: rgba(0, 0, 0, 0.26); -} - -window.background.chromium menubar, -window.background.chromium headerbar { - color: rgba(0, 0, 0, 0.6); -} - -window.background.chromium headerbar button:active { - background-color: alpha(currentColor, 0.12); -} - -window.background.chromium spinner { - color: #333333; -} - -window.background.chromium textview.view { - background-color: transparent; -} - -window.background.chromium treeview.view.cell:selected:focus { - background-color: #333333; - color: white; -} - -window.background.chromium treeview.view button { - border: 1px solid #e0e0e0; - background-color: #FFFFFF; -} - -window.background.chromium menu { - border-color: #cccccc; -} - -window.background.chromium menu menuitem { - border-radius: 0; -} - -tooltip.background.chromium { - background-color: #343434; -} - -/*********** - * Firefox * - ***********/ -#MozillaGtkWidget > widget text { - background-color: #FFFFFF; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #333333; - color: white; -} - -#MozillaGtkWidget > widget > separator { - color: #e0e0e0; -} - -#MozillaGtkWidget > widget > scrollbar { - background-clip: border-box; -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #e0e0e0; -} - -#MozillaGtkWidget > widget > entry, -#MozillaGtkWidget > widget > button > button { - border: 1px solid #e0e0e0; - border-radius: 6px; - box-shadow: none; -} - -#MozillaGtkWidget > widget > entry:disabled, -#MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > entry { - min-height: 30px; - background-color: #FFFFFF; -} - -#MozillaGtkWidget > widget > entry:focus { - border-color: #333333; - box-shadow: inset 0 0 0 1px #333333; -} - -#MozillaGtkWidget > widget > entry:disabled { - background-color: #FAFAFA; -} - -#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: #757575; -} - -#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: #9E9E9E; -} - -#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, -#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { - color: rgba(117, 117, 117, 0.5); -} - -#MozillaGtkWidget menu { - border: none; -} - -#MozillaGtkWidget > widget > menubar { - color: rgba(0, 0, 0, 0.6); -} - -#MozillaGtkWidget > widget > menubar:hover { - color: rgba(0, 0, 0, 0.87); -} - -#MozillaGtkWidget > widget > menubar:disabled { - color: rgba(0, 0, 0, 0.26); -} - -#MozillaGtkWidget > widget > frame { - color: #e0e0e0; -} - -#MozillaGtkWidget menu > separator { - color: #e0e0e0; -} - -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(0, 0, 0, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -#CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 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: #FFFFFF; -} - -/********* - * 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 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); - margin-top: -2px; - border: 2px solid #333333; -} - -#gnc-id-main-window treeview.view { - background-color: #FFFFFF; -} - -/********* - * 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: #333333; - -UnityDecoration-title-indent: 4px; - -UnityDecoration-title-fade: 32px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration .top { - padding: 0 2px; - border-style: none; - border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -UnityDecoration .top:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -UnityDecoration .menuitem { - color: rgba(0, 0, 0, 0.6); -} - -UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px #333333; - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.background:not(.csd) headerbar:not(.titlebar) { - border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 2px 3px rgba(0, 0, 0, 0.17); -} - -.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { - border-style: none; -} - -UnityPanelWidget, -.unity-panel { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.87); -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: rgba(0, 0, 0, 0.6); -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - color: rgba(0, 0, 0, 0.6); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px #333333; - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: spin 1s linear infinite; - color: #333333; -} - -/************** - * Mate-Panel * - **************/ -.mate-panel-menu-bar menubar, -#PanelApplet-window-menu-applet-button { - background-color: transparent; -} - -.mate-panel-menu-bar { - background-color: #f2f2f2; - color: rgba(0, 0, 0, 0.6); - 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(0, 0, 0, 0.12); -} - -MatePanelAppletFrameDBus { - border-style: solid; - border-color: rgba(0, 0, 0, 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(0, 0, 0, 0.6); -} - -.mate-panel-menu-bar menubar > menuitem:hover { - color: rgba(0, 0, 0, 0.87); -} - -.mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.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: #333333; -} - -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: #333333; -} - -.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.12); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -#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(0, 0, 0, 0.12); -} - -#MatePanelPopupWindow expander > title { - min-height: 32px; -} - -#MatePanelPopupWindow button { - padding: 4px 16px; -} - -#MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(0, 0, 0, 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.12); - border-radius: 7px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -.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: rgba(0, 0, 0, 0.87); -} - -#mate-menu { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -#mate-menu button { - min-height: 24px; - min-width: 24px; - padding: 4px 0; - color: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.6); -} - -#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(255, 255, 255, 0); - background-color: #FFFFFF; -} - -.brisk-menu entry { - margin-bottom: -2px; - border-bottom: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -.brisk-menu entry + box > box:dir(rtl) { - margin-left: -2px; - border-left: 1px solid rgba(0, 0, 0, 0.12); -} - -.brisk-menu .categories-list { - padding-top: 4px; -} - -.brisk-menu .categories-list button { - margin: 0 4px; -} - -.brisk-menu .categories-list button:checked { - color: #333333; -} - -.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: rgba(0, 0, 0, 0.87); - 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: #FFFFFF; -} - -.caja-side-pane notebook, -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.04); - background-image: none; - color: rgba(0, 0, 0, 0.87); -} - -.caja-desktop.view .entry:selected, -.caja-navigation-window .view .entry:selected { - background-color: alpha(currentColor, 0.06); -} - -.caja-desktop.view .entry { - background-color: #2C2C2C; - color: white; - 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(0, 0, 0, 0.12); -} - -.caja-notebook frame > border { - border-style: none; -} - -#caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -#caja-extra-view-widget > box > box > label { - font-weight: bold; -} - -/********* - * Pluma * - *********/ -.pluma-window statusbar { - margin: 0 -10px; - padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.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(0, 0, 0, 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(0, 0, 0, 0.12); -} - -.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -/* mate-screensaver lock dialog */ -.lock-dialog { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 7px; - 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -.lock-dialog frame > border { - border-style: none; -} - -.lock-dialog button:not(:disabled) { - color: #333333; -} - -/* multimedia OSD */ -MsdOsdWindow.background.osd { - border-radius: 6px; - background-color: rgba(52, 52, 52, 0.9); - color: white; -} - -MsdOsdWindow.background.osd .trough { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); -} - -MsdOsdWindow.background.osd .progressbar { - border-radius: 0; - background-color: #333333; -} - -/****************** - * 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 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); - background-color: #FFFFFF; -} - -.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(0, 0, 0, 0.04); -} - -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background-color: rgba(0, 0, 0, 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(0, 0, 0, 0.12); -} - -.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover button { - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: rgba(0, 0, 0, 0.87); - font-weight: normal; - border-radius: 0px; -} - -.budgie-popover button.flat:not(.image-button):disabled { - color: rgba(0, 0, 0, 0.38); -} - -.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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.12)); -} - -.budgie-panel button.budgie-menu-launcher:hover { - color: rgba(0, 0, 0, 0.87); -} - -.budgie-panel button.budgie-menu-launcher:hover image { - background-image: image(rgba(255, 255, 255, 0.2)); -} - -.budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: rgba(0, 0, 0, 0.87); -} - -.budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { - background-image: image(rgba(255, 255, 255, 0.28)); -} - -.budgie-panel { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #f2f2f2; - color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -.budgie-panel.transparent { - background-color: #242424; -} - -.budgie-panel button { - color: rgba(0, 0, 0, 0.6); - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 0; -} - -.budgie-panel button:hover { - color: rgba(0, 0, 0, 0.87); -} - -.budgie-panel button:active { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel button.budgie-menu-launcher { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel button.budgie-menu-launcher:focus { - background: none; - box-shadow: none; - border: none; - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel button.raven-trigger { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.26); -} - -.budgie-panel .alert { - color: #D93025; -} - -.budgie-panel .titlebar:not(headerbar) { - min-height: 0; - padding: 0; - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, -.budgie-panel .menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:active { - color: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.38); -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(0, 0, 0, 0.6); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(0, 0, 0, 0.26); -} - -.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: #FFFFFF; - 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); -} - -.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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -.raven .raven-background > overlay > widget > image { - color: rgba(0, 0, 0, 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(0, 0, 0, 0.06); - color: rgba(0, 0, 0, 0.87); -} - -.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: rgba(0, 0, 0, 0.87); -} - -.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: #242424; - color: white; -} - -.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(0, 0, 0, 0.6); -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -.budgie-panel .lock-keys image:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.drop-shadow { - margin: 5px 9px; - padding: 3px; - border-radius: 12px; - 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -.drop-shadow .linked > button { - border-radius: 12px; -} - -.budgie-session-dialog, -.budgie-polkit-dialog, -.budgie-run-dialog { - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -.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(0, 0, 0, 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(0, 0, 0, 0.6); -} - -.budgie-polkit-dialog .failure { - color: #D93025; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -/************** - * Xfce4 Apps * - **************/ -.XfceHeading { - background-color: #FFFFFF; -} - -/*************** - * xfce4-panel * - ***************/ -.xfce4-panel.background { - border: none; - background-color: #f2f2f2; - color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -.xfce4-panel.background button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; -} - -.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: #333333; -} - -XfdesktopIconView.view { - border-radius: 6px; - background-color: transparent; - color: white; -} - -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(0, 0, 0, 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(0, 0, 0, 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: #2C2C2C; - color: white; -} - -#panel_window menubar, -#panel_window separator { - background-color: transparent; -} - -#panel_window separator { - padding: 0 4px; -} - -#panel_window separator:first-child { - padding: 0 8px; -} - -#panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); -} - -#panel_window menubar > menuitem:hover { - color: white; -} - -#panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - margin: 8px; - border-radius: 6px; - 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -#content_frame { - padding-bottom: 16px; -} - -#buttonbox_frame { - padding-top: 24px; -} - -#buttonbox_frame > box, -#buttonbox_frame > buttonbox { - margin: -16px; -} - -#buttonbox_frame button:not(:disabled) { - color: #333333; -} - -/******** - * Nemo * - ********/ -.nemo-window { - background-color: #FFFFFF; -} - -.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(0, 0, 0, 0.6); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #333333 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: rgba(0, 0, 0, 0.87); -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.nemo-window .primary-toolbar .path-bar > button.text-button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #333333 100%, transparent 0%) 0 0 2/0 0 2px; -} - -.nemo-window .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: rgba(192, 192, 192, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #333333; - -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-places-sidebar { - border: none; -} - -.nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #FAFAFA; -} - -.nemo-window .nemo-window-pane widget.entry { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.04); -} - -.nemo-window paned > .sidebar { - padding: 0; - background-color: #333333; - color: white; - border-radius: 0 12px 12px 0; -} - -.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view:not(:selected) { - color: white; -} - -.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander { - color: rgba(255, 255, 255, 0.7); -} - -.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander:hover, .nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander:active { - color: white; -} - -.nemo-window paned > .sidebar > scrolledwindow.frame treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.nemo-window paned > .sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #707070; - -NemoPlacesTreeView-disk-full-fg-color: white; -} - -.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: rgba(0, 0, 0, 0.87); -} - -.nemo-window > grid > separator { - background-color: transparent; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar { - min-height: 32px; - padding: 3px; - margin: 0; - border-style: none; - border-radius: 0; - background-color: #333333; - color: white; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.left { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar.bottom.right { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.nemo-window notebook > stack > box > overlay -.floating-bar button { - margin: 4px; - color: white; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general */ -@define-color theme_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color */ -@define-color theme_bg_color #FFFFFF; -/* -text widgets and the like base background color */ -@define-color theme_base_color #FFFFFF; -/* -base background color of selections */ -@define-color theme_selected_bg_color #333333; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color white; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #FFFFFF; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #FAFAFA; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #FFFFFF; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #FFFFFF; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #333333; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); -/* -widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -/* -these are pretty self explicative */ -@define-color warning_color #F4B400; -@define-color error_color #D93025; -@define-color success_color #0F9D58; -/* -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 rgba(0, 0, 0, 0.87); -@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); -@define-color wm_highlight rgba(255, 255, 255, 0); -@define-color wm_bg #FFFFFF; -@define-color wm_unfocused_bg #FFFFFF; -@define-color wm_button_close_icon #FFFFFF; -@define-color wm_button_close_hover_bg #333333; -@define-color wm_button_close_active_bg #1a1a1a; -/* -FIXME this is really an API */ -@define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #666666; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #FFFFFF; -@define-color budgie_tasklist_indicator_color white; -@define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #f9f9f9; -@define-color budgie_tasklist_indicator_color_attention #F4B400; -@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 #333333; -@define-color accent_fg_color white; -@define-color accent_color #333333; -@define-color destructive_bg_color #D93025; -@define-color destructive_fg_color white; -@define-color destructive_color #D93025; -@define-color success_bg_color #0F9D58; -@define-color success_fg_color white; -@define-color success_color #0F9D58; -@define-color warning_bg_color #F4B400; -@define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #F4B400; -@define-color error_bg_color #D93025; -@define-color error_fg_color white; -@define-color error_color #D93025; -@define-color window_bg_color #FFFFFF; -@define-color window_fg_color rgba(0, 0, 0, 0.87); -@define-color view_bg_color #FFFFFF; -@define-color view_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_bg_color #FFFFFF; -@define-color headerbar_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_border_color rgba(0, 0, 0, 0.12); -@define-color headerbar_backdrop_color @window_bg_color; -@define-color headerbar_shade_color rgba(0, 0, 0, 0.07); -@define-color card_bg_color #FFFFFF; -@define-color card_fg_color rgba(0, 0, 0, 0.87); -@define-color card_shade_color rgba(0, 0, 0, 0.07); -@define-color dialog_bg_color #FFFFFF; -@define-color dialog_fg_color rgba(0, 0, 0, 0.87); -@define-color popover_bg_color #FFFFFF; -@define-color popover_fg_color rgba(0, 0, 0, 0.87); -@define-color thumbnail_bg_color #FFFFFF; -@define-color thumbnail_fg_color rgba(0, 0, 0, 0.87); -@define-color shade_color rgba(0, 0, 0, 0.07); -@define-color scrollbar_outline_color white; diff --git a/Graphite-Light/files/Graphite-Light/gtk-3.0/thumbnail.png b/Graphite-Light/files/Graphite-Light/gtk-3.0/thumbnail.png deleted file mode 100644 index cce29c243..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-3.0/thumbnail.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic.svg deleted file mode 100644 index f2fc5ef1e..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic.svg +++ /dev/null @@ -1,45 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic@2.svg deleted file mode 100644 index 464c67eeb..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/check-symbolic@2.svg +++ /dev/null @@ -1,46 +0,0 @@ -<?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="check-symbolic@2.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="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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg deleted file mode 100644 index ad580858a..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg deleted file mode 100644 index b12be3edc..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b5f..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic.svg deleted file mode 100644 index 8cfdb6208..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic@2.svg deleted file mode 100644 index 7714de691..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="dot-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic.svg deleted file mode 100644 index ec2566e40..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic@2.svg deleted file mode 100644 index 06ef46eb9..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="line-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg deleted file mode 100644 index 9da9f060d..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg deleted file mode 100644 index 55d89167d..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg deleted file mode 100644 index 6d9755906..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg deleted file mode 100644 index 4b00bc195..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/scale-slider-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic.svg deleted file mode 100644 index d6eb8a5bc..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic@2.svg deleted file mode 100644 index 245090260..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-check-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-check-symbolic@2.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="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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg deleted file mode 100644 index a2ba98196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index 1e1a895ce..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic.svg deleted file mode 100644 index 994449063..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg deleted file mode 100644 index 0d11382ce..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-dot-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic.svg deleted file mode 100644 index 221ae3aad..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic.svg +++ /dev/null @@ -1,39 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic@2.svg deleted file mode 100644 index 166951608..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-line-symbolic@2.svg +++ /dev/null @@ -1,40 +0,0 @@ -<?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="small-line-symbolic@2.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="-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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg deleted file mode 100644 index 1d96d6cc5..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg deleted file mode 100644 index 4f699370c..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg deleted file mode 100644 index f87038196..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png deleted file mode 100644 index 597a4e6fc..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png deleted file mode 100644 index 63a252bb3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png deleted file mode 100644 index c8b17ae3a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index fe61efb6e..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png deleted file mode 100644 index e5099acff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png deleted file mode 100644 index 149543905..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider.png deleted file mode 100644 index 320fe9bb5..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider@2.png deleted file mode 100644 index 4449641e8..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png deleted file mode 100644 index 7966479f2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png deleted file mode 100644 index a66b5a391..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png deleted file mode 100644 index f398287c4..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index cfbc21dd7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png deleted file mode 100644 index 2e096715d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png deleted file mode 100644 index 41651c157..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider.png deleted file mode 100644 index 640a66715..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png deleted file mode 100644 index a276f6502..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-horz-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png deleted file mode 100644 index e061e9bf3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png deleted file mode 100644 index e9319b996..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png deleted file mode 100644 index 483f8e023..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png deleted file mode 100644 index 78d188932..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png deleted file mode 100644 index a34601c8a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png deleted file mode 100644 index f5779e00f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider.png deleted file mode 100644 index c594c1ef2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider@2.png deleted file mode 100644 index 3ac4e8e5c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-after-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png deleted file mode 100644 index bd90f1dc6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png deleted file mode 100644 index 8bd251166..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png deleted file mode 100644 index c73d4f7be..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png deleted file mode 100644 index 68e783cba..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png deleted file mode 100644 index 3ff2e2964..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png deleted file mode 100644 index 8444d3166..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider.png deleted file mode 100644 index d5a5fe1a2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider@2.png deleted file mode 100644 index a8ef20f29..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/scale-vert-marks-before-slider@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png deleted file mode 100644 index 95d4a8ad6..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png deleted file mode 100644 index 57cd4ae64..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked.png deleted file mode 100644 index 8734299f9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png deleted file mode 100644 index 4157a485b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-checked@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png deleted file mode 100644 index 78e50a6e2..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png deleted file mode 100644 index adc12ce25..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked.png deleted file mode 100644 index 40ff92e03..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png deleted file mode 100644 index 8e87ea7e0..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk-dark.css b/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk-dark.css deleted file mode 100644 index 3d0b4f797..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,7200 +0,0 @@ -/*************** - * Base States * - ***************/ -.background { - background-color: #2C2C2C; - color: white; -} - -dnd { - color: white; -} - -.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: white; -} - -iconview:disabled, .view:disabled { - color: rgba(255, 255, 255, 0.5); -} - -textview text { - background-color: #2C2C2C; -} - -textview border { - background-color: #242424; - color: rgba(255, 255, 255, 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 #E0E0E0; - background-color: rgba(224, 224, 224, 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: white; - background-color: #2C2C2C; - border: 1px solid black; -} - -label.separator { - color: rgba(255, 255, 255, 0.7); -} - -label:disabled { - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: 0; -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(25, 25, 25, 0.9); - color: white; -} - -label.search-information { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -.dim-label, row label.subtitle { - color: rgba(255, 255, 255, 0.7); - opacity: 1; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(255, 255, 255, 0.5); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: white; -} - -.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: white; - background-color: #212121; - background-clip: padding-box; - border-radius: 6px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - 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); -} - -.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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -entry:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.search { - border-radius: 9999px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image { - color: rgba(255, 255, 255, 0.7); -} - -entry image:hover, entry image:active { - color: white; -} - -entry image:disabled { - color: rgba(255, 255, 255, 0.3); -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -entry undershoot.right > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error, entry.error:hover, entry.error:focus-within { - color: #F28B82; -} - -entry.error image, entry.error:hover image, entry.error:focus-within image { - color: #F28B82; -} - -entry.error selection { - color: rgba(0, 0, 0, 0.87); - background-color: #F28B82; -} - -entry.error:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.error:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #F28B82; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning, entry.warning:hover, entry.warning:focus-within { - color: #FDD633; -} - -entry.warning image, entry.warning:hover image, entry.warning:focus-within image { - color: #FDD633; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FDD633; -} - -entry.warning:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #FDD633; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry.success { - 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(255, 255, 255, 0.04); - color: white; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success, entry.success:hover, entry.success:focus-within { - color: #81C995; -} - -entry.success image, entry.success:hover image, entry.success:focus-within image { - color: #81C995; -} - -entry.success selection { - color: rgba(0, 0, 0, 0.87); - background-color: #81C995; -} - -entry.success:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.success:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #81C995; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - outline: none; - opacity: 1; - filter: none; -} - -entry > progress, -entry progress > trough > progress { - margin: 0; - border-bottom: 2px solid #E0E0E0; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - color: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #E0E0E0 0%, rgba(224, 224, 224, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #E0E0E0 95%, rgba(224, 224, 224, 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(255, 255, 255, 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: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: white; - 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: white; - outline: none; -} - -headerbar popover button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -headerbar popover button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: #E0E0E0; - 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - box-shadow: inset 0 0 0 2px transparent; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.7); -} - -panelstatusbar > menubutton > button:focus, -panelstatusbar > paneltogglebutton button.image-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:hover, -panelstatusbar > paneltogglebutton button.image-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, 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.background.messagedialog .response-area > 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: white; -} - -panelstatusbar > menubutton > button:active, -panelstatusbar > paneltogglebutton button.image-button:active, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, 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.background.messagedialog .response-area > 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: white; - box-shadow: none; -} - -panelstatusbar > menubutton > button:disabled, -panelstatusbar > paneltogglebutton button.image-button:disabled, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled, 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.background.messagedialog .response-area > 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(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -filechooser #pathbarbox > stack > box > button:checked, window.background.messagedialog .response-area > 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: white; - outline: none; - box-shadow: none; -} - -filechooser #pathbarbox > stack > box > button:checked:disabled, window.background.messagedialog .response-area > 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(255, 255, 255, 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: 9999px; -} - -.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: #212121; - color: white; -} - -button.osd:hover { - background-color: #474747; - color: white; -} - -button.osd:active { - background-color: #080808; - color: white; -} - -button.osd.image-button { - padding: 6px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(224, 224, 224, 0.2), 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:checked { - background-color: rgba(168, 168, 168, 0.961); -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(224, 224, 224, 0.3), 0 2px 3px -1px rgba(224, 224, 224, 0.24), 0 2px 5px 0 rgba(224, 224, 224, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #E0E0E0; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.suggested-action.flat:checked { - background-color: rgba(224, 224, 224, 0.3); -} - -button.destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(242, 139, 130, 0.2), 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:checked { - background-color: rgba(182, 105, 98, 0.961); -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(242, 139, 130, 0.3), 0 2px 3px -1px rgba(242, 139, 130, 0.24), 0 2px 5px 0 rgba(242, 139, 130, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #F28B82; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(255, 255, 255, 0.3); - opacity: 1; - filter: none; -} - -button.destructive-action.flat:checked { - background-color: rgba(242, 139, 130, 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(255, 255, 255, 0.04); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -button.card:hover { - background-image: none; - background-color: alpha(currentColor, 0.08); - color: white; - 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: white; -} - -button.card:checked { - background-image: none; - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; - border-color: #E0E0E0; -} - -button.card:checked:hover { - background-image: none; - box-shadow: none; -} - -button.card:checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -button.card:checked.keyboard-activating, button.card:checked:active { - background-image: none; -} - -button.card:checked.has-open-popup { - background-image: none; -} - -button.card:drop(active) { - color: #FF7043; - box-shadow: inset 0 0 0 1px #FF7043; -} - -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: #E0E0E0; - color: white; -} - -menubutton.destructive-action { - background-color: #F28B82; - color: white; -} - -menubutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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: #E0E0E0; - color: white; -} - -splitbutton.destructive-action { - background-color: #F28B82; - color: white; -} - -splitbutton.opaque { - background-color: #565656; - color: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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: white; - 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: white; -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #F28B82; - color: rgba(0, 0, 0, 0.87); -} - -/********* - * Links * - *********/ -link { - color: #2196F3; -} - -link:visited { - color: #CE93D8; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #CE93D8; -} - -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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -spinbutton:focus-within { - background-color: rgba(255, 255, 255, 0.04); - box-shadow: inset 0 0 0 2px #E0E0E0; - outline: none; -} - -spinbutton:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: white; - 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(255, 255, 255, 0.04); - color: white; - outline: none; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:hover { - background-color: alpha(currentColor, 0.08); - color: white; -} - -button.combo:only-child:active { - background-color: alpha(currentColor, 0.12); - color: white; - box-shadow: none; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: white; - outline: none; - box-shadow: none; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #2C2C2C; - 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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; - color: white; -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - 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(255, 255, 255, 0.7); -} - -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: white; -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.7); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(255, 255, 255, 0.3); -} - -headerbar entry { - background-color: rgba(255, 255, 255, 0.04); - color: white; -} - -headerbar entry:focus-within { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -headerbar entry:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar entry image { - color: rgba(255, 255, 255, 0.7); -} - -headerbar entry image:hover, headerbar entry image:active { - color: white; -} - -headerbar entry image:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar { - min-height: 48px; - padding: 0; - margin: 0; - border: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #2C2C2C; - color: white; - box-shadow: none; -} - -headerbar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -headerbar:backdrop { - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -headerbar:backdrop:disabled { - color: rgba(255, 255, 255, 0.3); -} - -headerbar.flat { - background-color: transparent; - color: white; -} - -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(255, 255, 255, 0.7); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row label.subtitle:backdrop, -row headerbar label.subtitle:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; - border: 2px solid #E0E0E0; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; - 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(255, 255, 255, 0); - background-color: #E0E0E0; -} - -.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; -} - -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; -} - -.top-bar { - box-shadow: none; - background: none; - border: none; -} - -.top-bar .collapse-spacing { - padding: 0; -} - -window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(224, 224, 224, 0.1)), linear-gradient(to top, #343434 3px, #393939); -} - -window.devel headerbar.titlebar:backdrop { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); - /* 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(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.7); - border: none; - border-radius: 6px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 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: white; - outline: none; - box-shadow: none; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #4b4b4b; - border-top-color: #4b4b4b; -} - -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(255, 255, 255, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - 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:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: rgba(255, 255, 255, 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: white; -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: white; -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: white; -} - -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(255, 255, 255, 0.3); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #E0E0E0; - 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.7); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #2C2C2C; -} - -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(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #2C2C2C; - background-clip: border-box; - color: #E0E0E0; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #E0E0E0; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - color: white; -} - -menubar:backdrop { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: white; -} - -menubar > item:disabled { - color: rgba(255, 255, 255, 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: #3C3C3C; - background-clip: border-box; - border-radius: 12px; - color: white; - border: 2px solid #E0E0E0; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - border: 2px solid #E0E0E0; -} - -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: white; - font: initial; - text-shadow: none; - box-shadow: none; - background: none; -} - -popover.background modelbutton:hover { - transition: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -popover.background modelbutton:hover accelerator { - color: rgba(0, 0, 0, 0.38); -} - -popover.background modelbutton:hover accelerator:disabled { - color: rgba(0, 0, 0, 0.26); -} - -popover.background modelbutton:disabled { - color: rgba(255, 255, 255, 0.5); -} - -popover.background modelbutton accelerator { - color: rgba(255, 255, 255, 0.5); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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: 3px 6px; - margin: 0; - border: none; - outline: none; - background-clip: padding-box; - color: rgba(255, 255, 255, 0.7); - font-weight: 500; - border-radius: 6px; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, notebook > header > tabs > tab:hover { - background-color: rgba(255, 255, 255, 0.04); - color: white; - box-shadow: none; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, notebook > header > tabs > tab:disabled { - color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.15); - color: white; - 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(255, 255, 255, 0.5); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(255, 255, 255, 0.04); -} - -notebook, notebook.frame { - background-color: #2C2C2C; - 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(255, 255, 255, 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(255, 255, 255, 0.12); - color: white; -} - -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: rgba(255, 255, 255, 0.04); - padding: 0; - margin: 3px; - border-radius: 12px; - box-shadow: none; -} - -tabbar:not(.inline):backdrop .box { - background-color: rgba(255, 255, 255, 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 { - padding: 0; -} - -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 { - padding: 0; -} - -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: #2C2C2C; - color: white; - 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(#E0E0E0, 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(#FF7043, 0.4); - background-color: alpha(#FF7043, 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: #E0E0E0; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#E0E0E0, 0.4); -} - -tabthumbnail .card { - background: none; - color: inherit; -} - -tabthumbnail .card picture { - outline: none; - border-radius: 6px; -} - -tabthumbnail.pinned .card { - background-color: #2C2C2C; - color: white; -} - -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: transparent; - box-shadow: none; - outline: none; - border: none; - margin: 0; - padding: 0; -} - -scrollbar > range > trough { - background-color: rgba(255, 255, 255, 0.12); - padding: 0; - margin: 6px; - outline: none; - border: none; - border-radius: 9999px; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - margin: -6px; - border: 6px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -scrollbar > range > trough > slider:active { - background-color: white; -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0; -} - -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 { - margin: 3px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 0; - border: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: none; - border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -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(255, 255, 255, 0.7); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: #E0E0E0; - border-color: #E0E0E0; -} - -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(255, 255, 255, 0.7); - border: none; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.04); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -switch:checked > slider { - background-color: #2C2C2C; - color: #2C2C2C; -} - -/************************* - * 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(255, 255, 255, 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(255, 255, 255, 0.04); -} - -check:active, -radio:active { - border-color: white; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.12); -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - border-color: transparent; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-color: #efefef; - 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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -check:disabled, -radio:disabled { - border-color: rgba(255, 255, 255, 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: #E0E0E0; - 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: #E0E0E0; -} - -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(255, 255, 255, 0.3); - color: #2C2C2C; -} - -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/check-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/dot-symbolic.svg")), -gtk-recolor(url("assets/scalable/dot-symbolic@2.svg"))); -} - -check:indeterminate, radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/line-symbolic.svg")), -gtk-recolor(url("assets/scalable/line-symbolic@2.svg"))); -} - -check:not(:checked):active { - -gtk-icon-transform: rotate(90deg); -} - -check:not(:checked):indeterminate:active { - -gtk-icon-transform: scaleX(-1); -} - -/************ - * 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(255, 255, 255, 0.3); -} - -scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#E0E0E0); -} - -scale highlight:disabled { - background-color: #2C2C2C; - background-image: image(rgba(255, 255, 255, 0.3)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #E0E0E0; - background-color: #2C2C2C; - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #E0E0E0, 0 0 0 8px rgba(255, 255, 255, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3); -} - -scale marks, -scale value { - color: rgba(255, 255, 255, 0.7); -} - -scale indicator { - background-color: rgba(255, 255, 255, 0.3); - color: transparent; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: rotate(0); -} - -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/scale-horz-marks-before-slider-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")); -} - -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/scale-horz-marks-after-slider-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")); -} - -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/scale-vert-marks-before-slider-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")); -} - -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/scale-vert-marks-after-slider-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")); -} - -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(255, 255, 255, 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(255, 255, 255, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #E0E0E0; -} - -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: #E0E0E0; -} - -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: #FDD633; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #E0E0E0; -} - -levelbar block.full { - background-color: #81C995; -} - -levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: white; - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: white; -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - background-clip: border-box; - box-shadow: none; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(#E0E0E0, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -separator:not(.spacer) { - min-width: 1px; - min-height: 1px; - background-color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12); - background-color: #2C2C2C; - color: rgba(255, 255, 255, 0.7); -} - -listview row, -list row { - padding: 2px 6px; - color: rgba(255, 255, 255, 0.7); -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px 6px; -} - -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: white; - 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(255, 255, 255, 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 button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled { - color: rgba(255, 255, 255, 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 #E0E0E0; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.7); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -expander:hover, expander:active { - color: white; -} - -expander:disabled { - color: rgba(255, 255, 255, 0.3); -} - -expander-widget > box > title { - border-radius: 6px; -} - -expander-widget > box > title:hover > expander { - color: rgba(255, 255, 255, 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(255, 255, 255, 0.12); - border-radius: 6px; - color: white; -} - -calendar:disabled { - color: rgba(255, 255, 255, 0.5); -} - -calendar:selected { - border-radius: 6px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 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: white; - 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: #3C3C3C; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - background-color: #3C3C3C; - color: white; -} - -window.dialog.message .titlebar:backdrop { - background-color: #3C3C3C; - color: rgba(255, 255, 255, 0.7); -} - -window.dialog.message.csd .dialog-action-area { - margin-top: -6px; - padding: 6px; -} - -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: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area { - padding: 6px; - border-spacing: 6px; -} - -window.background.messagedialog .response-area > button, window.background.messagedialog .response-area > button:first-child, window.background.messagedialog .response-area > button:last-child { - border-radius: 6px; -} - -window.background.messagedialog .response-area > button:not(:last-child) { - margin-right: 6px; -} - -window.background.messagedialog .response-area > button:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.suggested-action:not(:disabled) { - color: #E0E0E0; -} - -window.background.messagedialog .response-area > button.destructive-action:not(:disabled) { - color: #F28B82; -} - -window.background.messagedialog .response-area > separator { - border: none; - background: none; -} - -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(255, 255, 255, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2C2C2C; -} - -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:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -separator + .sidebar:not(separator):dir(ltr), separator + .sidebar:not(separator).left, separator + .sidebar:not(separator).left:dir(rtl), separator + box > .sidebar:not(separator):dir(ltr), separator + box > .sidebar:not(separator).left, separator + box > .sidebar:not(separator).left:dir(rtl) { - border-right: none; -} - -separator + .sidebar:not(separator):dir(rtl), separator + .sidebar:not(separator).right, separator + box > .sidebar:not(separator):dir(rtl), separator + box > .sidebar:not(separator).right { - 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, .sidebar-pane stacksidebar.sidebar { - border: none; -} - -stacksidebar list { - padding: 6px; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -stacksidebar row + row { - margin-top: 3px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -separator.sidebar { - background-color: rgba(255, 255, 255, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px; - border-right: none; -} - -.navigation-sidebar, .navigation-sidebar.view { - background-color: transparent; - color: inherit; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -.navigation-sidebar > row + row { - margin-top: 3px; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:hover { - background-color: #ededed; -} - -.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(255, 255, 255, 0.5); -} - -.navigation-sidebar > separator { - margin: 3px 0; -} - -/**************** - * File chooser * - ****************/ -placessidebar { - background-color: #2C2C2C; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar > row { - padding: 3px 6px; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 6px 9px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: inherit; -} - -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: #E0E0E0; -} - -placessidebar .navigation-sidebar > row:selected { - font-weight: 500; -} - -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(#4b4b4b); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #2C2C2C; - background-image: image(#4b4b4b), image(#4b4b4b); - 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; -} - -/**************** - * Sidebar Pane * - ****************/ -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row button, placessidebar .navigation-sidebar > row:selected button.sidebar-button { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:focus, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:focus, placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover { - background-color: alpha(currentColor, 0.08); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active { - background-color: alpha(currentColor, 0.12); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - background-color: alpha(currentColor, 0.1); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:disabled, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:disabled, placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:active { - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); - color: #E0E0E0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected:hover { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane { - background-color: #2C2C2C; - color: white; -} - -.sidebar-pane .sidebar, -.sidebar-pane .toolbar, -.sidebar-pane placessidebar, -.sidebar-pane .navigation-sidebar, -.sidebar-pane searchbar > revealer > box { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow, -.sidebar-pane toolbarview > placessidebar > scrolledwindow, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar .dim-label, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar row label.subtitle, row .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar label.subtitle, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar .dim-label, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar .dim-label { - color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > separator { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(rgba(0, 0, 0, 0.38), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar { - background-color: transparent; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough { - background-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider { - background-color: rgba(0, 0, 0, 0.38); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -.sidebar-pane placessidebar .navigation-sidebar > row, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected { - background-color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected, -.sidebar-pane placessidebar .navigation-sidebar > row:selected label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #E0E0E0; -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: rgba(0, 0, 0, 0.6); -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: rgba(0, 0, 0, 0.6); -} - -.content-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -/* Middle pane in three-pane setups */ -.content-pane .sidebar-pane, -.sidebar-pane .content-pane, -.sidebar-pane .sidebar-pane { - background-color: transparent; - color: inherit; -} - -.content-pane .sidebar-pane:backdrop, -.sidebar-pane .content-pane:backdrop, -.sidebar-pane .sidebar-pane:backdrop { - background-color: transparent; - transition: none; -} - -.sidebar-pane banner > revealer > widget, -.content-pane .sidebar-pane banner > revealer > widget, -.sidebar-pane .content-pane banner > revealer > widget { - background-color: transparent; - color: white; -} - -.sidebar-pane banner > revealer > widget:backdrop, -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: transparent; -} - -.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane:dir(ltr), -.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(rtl), -.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane:dir(ltr), -.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(rtl), -.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane:dir(rtl), -.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(ltr), -.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane:dir(rtl), -.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(ltr), -.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.sidebar-pane flap > dimming, -.sidebar-pane leaflet > dimming, -.sidebar-pane navigation-view > dimming, -.sidebar-pane overlay-split-view > dimming, -.content-pane flap > dimming, -.content-pane leaflet > dimming, -.content-pane navigation-view > dimming, -.content-pane overlay-split-view > dimming, -.content-pane .sidebar-pane flap > dimming, -.content-pane .sidebar-pane leaflet > dimming, -.content-pane .sidebar-pane navigation-view > dimming, -.content-pane .sidebar-pane overlay-split-view > dimming, -.sidebar-pane .content-pane flap > dimming, -.sidebar-pane .content-pane leaflet > dimming, -.sidebar-pane .content-pane navigation-view > dimming, -.sidebar-pane .content-pane overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -.sidebar-pane flap > border, -.sidebar-pane leaflet > border, -.sidebar-pane navigation-view > border, -.sidebar-pane overlay-split-view > border, -.content-pane flap > border, -.content-pane leaflet > border, -.content-pane navigation-view > border, -.content-pane overlay-split-view > border, -.content-pane .sidebar-pane flap > border, -.content-pane .sidebar-pane leaflet > border, -.content-pane .sidebar-pane navigation-view > border, -.content-pane .sidebar-pane overlay-split-view > border, -.sidebar-pane .content-pane flap > border, -.sidebar-pane .content-pane leaflet > border, -.sidebar-pane .content-pane navigation-view > border, -.sidebar-pane .content-pane overlay-split-view > border { - background: none; -} - -.sidebar-pane flap > shadow, -.sidebar-pane leaflet > shadow, -.sidebar-pane navigation-view > shadow, -.sidebar-pane overlay-split-view > shadow, -.content-pane flap > shadow, -.content-pane leaflet > shadow, -.content-pane navigation-view > shadow, -.content-pane overlay-split-view > shadow, -.content-pane .sidebar-pane flap > shadow, -.content-pane .sidebar-pane leaflet > shadow, -.content-pane .sidebar-pane navigation-view > shadow, -.content-pane .sidebar-pane overlay-split-view > shadow, -.sidebar-pane .content-pane flap > shadow, -.sidebar-pane .content-pane leaflet > shadow, -.sidebar-pane .content-pane navigation-view > shadow, -.sidebar-pane .content-pane overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -.sidebar-pane flap > shadow.left, -.sidebar-pane leaflet > shadow.left, -.sidebar-pane navigation-view > shadow.left, -.sidebar-pane overlay-split-view > shadow.left, -.content-pane flap > shadow.left, -.content-pane leaflet > shadow.left, -.content-pane navigation-view > shadow.left, -.content-pane overlay-split-view > shadow.left, -.content-pane .sidebar-pane flap > shadow.left, -.content-pane .sidebar-pane leaflet > shadow.left, -.content-pane .sidebar-pane navigation-view > shadow.left, -.content-pane .sidebar-pane overlay-split-view > shadow.left, -.sidebar-pane .content-pane flap > shadow.left, -.sidebar-pane .content-pane leaflet > shadow.left, -.sidebar-pane .content-pane navigation-view > shadow.left, -.sidebar-pane .content-pane overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.right, -.sidebar-pane leaflet > shadow.right, -.sidebar-pane navigation-view > shadow.right, -.sidebar-pane overlay-split-view > shadow.right, -.content-pane flap > shadow.right, -.content-pane leaflet > shadow.right, -.content-pane navigation-view > shadow.right, -.content-pane overlay-split-view > shadow.right, -.content-pane .sidebar-pane flap > shadow.right, -.content-pane .sidebar-pane leaflet > shadow.right, -.content-pane .sidebar-pane navigation-view > shadow.right, -.content-pane .sidebar-pane overlay-split-view > shadow.right, -.sidebar-pane .content-pane flap > shadow.right, -.sidebar-pane .content-pane leaflet > shadow.right, -.sidebar-pane .content-pane navigation-view > shadow.right, -.sidebar-pane .content-pane overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.up, -.sidebar-pane leaflet > shadow.up, -.sidebar-pane navigation-view > shadow.up, -.sidebar-pane overlay-split-view > shadow.up, -.content-pane flap > shadow.up, -.content-pane leaflet > shadow.up, -.content-pane navigation-view > shadow.up, -.content-pane overlay-split-view > shadow.up, -.content-pane .sidebar-pane flap > shadow.up, -.content-pane .sidebar-pane leaflet > shadow.up, -.content-pane .sidebar-pane navigation-view > shadow.up, -.content-pane .sidebar-pane overlay-split-view > shadow.up, -.sidebar-pane .content-pane flap > shadow.up, -.sidebar-pane .content-pane leaflet > shadow.up, -.sidebar-pane .content-pane navigation-view > shadow.up, -.sidebar-pane .content-pane overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.sidebar-pane flap > shadow.down, -.sidebar-pane leaflet > shadow.down, -.sidebar-pane navigation-view > shadow.down, -.sidebar-pane overlay-split-view > shadow.down, -.content-pane flap > shadow.down, -.content-pane leaflet > shadow.down, -.content-pane navigation-view > shadow.down, -.content-pane overlay-split-view > shadow.down, -.content-pane .sidebar-pane flap > shadow.down, -.content-pane .sidebar-pane leaflet > shadow.down, -.content-pane .sidebar-pane navigation-view > shadow.down, -.content-pane .sidebar-pane overlay-split-view > shadow.down, -.sidebar-pane .content-pane flap > shadow.down, -.sidebar-pane .content-pane leaflet > shadow.down, -.sidebar-pane .content-pane navigation-view > shadow.down, -.sidebar-pane .content-pane overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.1); -} - -/* Transition shadows */ -flap > dimming, -leaflet > dimming, -navigation-view > dimming, -overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.25); -} - -flap > border, -leaflet > border, -navigation-view > border, -overlay-split-view > border { - background: none; -} - -flap > shadow, -leaflet > shadow, -navigation-view > shadow, -overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -flap > shadow.left, -leaflet > shadow.left, -navigation-view > shadow.left, -overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.right, -leaflet > shadow.right, -navigation-view > shadow.right, -overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.up, -leaflet > shadow.up, -navigation-view > shadow.up, -overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -flap > shadow.down, -leaflet > shadow.down, -navigation-view > shadow.down, -overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.7), alpha(rgba(0, 0, 0, 0.25), 0.14) 40px, alpha(rgba(0, 0, 0, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.4), alpha(rgba(0, 0, 0, 0.25), 0.14) 7px, alpha(rgba(0, 0, 0, 0.25), 0) 24px); -} - -/************ - * 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: #E0E0E0; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -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: lightgray; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FDD633; - 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: #fdd11a; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #F28B82; - 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: #f0766b; -} - -/************ - * Tooltips * - ************/ -tooltip { - border: none; - background-clip: padding-box; - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(25, 25, 25, 0.9); - color: white; - 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); - 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: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 12px 12px 0 0; - color: white; -} - -colorswatch#add-color-button:only-child { - border-radius: 12px; -} - -colorswatch#add-color-button overlay { - background-color: #3C3C3C; -} - -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 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), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #2C2C2C; -} - -/********************** - * Window Decorations * - **********************/ -window { - border: none; - outline: 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 #E0E0E0, 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 #E0E0E0, 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: #2C2C2C; - border: 2px solid #E0E0E0; -} - -window.solid-csd:backdrop { - background-color: #2C2C2C; -} - -windowcontrols { - border-spacing: 6px; -} - -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 6px; - margin-left: 3px; -} - -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 6px; - margin-right: 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) image { - background: none; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #E0E0E0; - color: #2C2C2C; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:active { - background-color: #c7c7c7; - color: #2C2C2C; -} - -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: #E0E0E0; - background-color: rgba(224, 224, 224, 0.2); -} - -text > selection, label > selection, calendar > grid > label.today:selected, stacksidebar row:selected, .navigation-sidebar > row:selected, placessidebar .navigation-sidebar > row:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #E0E0E0; - -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(255, 255, 255, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); - background-color: #3C3C3C; - color: white; - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #E0E0E0; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #E0E0E0; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(255, 255, 255, 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(255, 255, 255, 0.12); - background: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 6px; -} - -button.emoji-section:checked { - color: #E0E0E0; -} - -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: white; -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background { - background-color: #2C2C2C; -} - -.nautilus-window.background:backdrop { - background-color: #2C2C2C; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - background: none; - padding: 6px; - padding-right: 8px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.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(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: #2C2C2C; - font-weight: 700; -} - -.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: #E0E0E0; -} - -.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(255, 255, 255, 0.3); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - background-color: #E0E0E0; - border: none; -} - -.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, .nautilus-window .nautilus-grid-view gridview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window .nautilus-list-view, .nautilus-window .nautilus-list-view columnview.view { - background-color: #2C2C2C; - border-radius: 6px; -} - -.nautilus-window flap > separator { - background: none; -} - -.nautilus-window placesview label { - color: rgba(255, 255, 255, 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 1px 5px 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 { - margin: 0; -} - -#NautilusQueryEditor > menubutton > button { - min-width: 16px; - min-height: 16px; - margin: 4px 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(255, 255, 255, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: white; -} - -#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: #2C2C2C; -} - -#displayitem { - border-top: 1px solid rgba(255, 255, 255, 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(255, 255, 255, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(255, 255, 255, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 6px; -} - -label.primary-label, label.month-name, label.secondary-label { - font-size: 16pt; - font-weight: bold; - padding: 12px; -} - -label.primary-label, label.month-name { - color: #E0E0E0; -} - -label.secondary-label { - color: rgba(255, 255, 255, 0.5); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #E0E0E0; - font-weight: bold; -} - -calendar-view.header, -label.header { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -calendar-view.current, -weekgrid.current { - background-color: alpha(#E0E0E0, 0.3); -} - -popover.events { - background-color: #2C2C2C; - padding: 0; -} - -popover.events box { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -popover.events list { - background-color: #2C2C2C; - border-radius: 6px; -} - -popover.events scrolledwindow { - border-width: 0; -} - -popover.events button { - border-radius: 6px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-style: solid none none; - box-shadow: none; -} - -event { - margin: 1px; - font-size: 0.9rem; -} - -event widget.content { - margin: 4px; -} - -event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { - border-radius: 6px; -} - -event.timed widget.edge { - border-radius: 3px; - min-width: 5px; -} - -event.slanted-start, event.slanted-end:dir(rtl) { - padding-left: 16px; - border-radius: 0 3px 3px 0; -} - -event.slanted-end, event.slanted-start:dir(rtl) { - padding-right: 16px; - border-radius: 3px 0 0 3px; -} - -event:not(.timed).color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); -} - -event.timed, event:not(.timed).color-light { - color: alpha(black, 0.75); - outline-color: rgba(255, 255, 255, 0.5); -} - -popover.event-popover, -popover.event-popover > contents { - padding: 0; -} - -.search-viewport { - background-color: #2C2C2C; -} - -.calendar-list { - background-color: transparent; -} - -.calendar-list > list { - border-radius: 4px; -} - -.sources-button { - margin-top: 0; - margin-bottom: 0; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; -} - -.sources-button:hover:not(:backdrop) { - background-image: none; - text-shadow: none; -} - -.calendar-color-image { - -gtk-icon-filter: none; -} - -image.calendar-color-image, -button:active:not(:backdrop) .calendar-color-image, -button:checked:not(:backdrop) .calendar-color-image, -.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), -.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), -.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { - -gtk-icon-shadow: 0 1px alpha(black, 0.1); -} - -datechooser { - padding: 6px; -} - -datechooser navigator { - margin-right: 6px; - margin-left: 6px; - margin-bottom: 6px; -} - -datechooser navigator label { - font-weight: bold; -} - -datechooser navigator button.flat, datechooser navigator button.image-button { - min-height: 36px; - min-width: 36px; - padding: 0; -} - -datechooser .current-week { - background-color: rgba(255, 255, 255, 0.04); - color: white; - border-radius: 6px; -} - -datechooser .weeknum, datechooser .weekday { - color: rgba(255, 255, 255, 0.5); - font-size: smaller; -} - -datechooser button.day, datechooser button.day.flat { - font-size: 10pt; - font-weight: normal; - margin: 3px; - padding: 0; - min-height: 36px; - min-width: 36px; - transition: none; -} - -datechooser button.day dot, datechooser button.day.flat dot { - background-color: white; - border-radius: 50%; - min-height: 3px; - min-width: 3px; -} - -datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.flat:selected, datechooser button.day.flat.today:selected { - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - font-weight: bold; -} - -datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.flat:selected dot, datechooser button.day.flat.today:selected dot { - background-color: rgba(0, 0, 0, 0.87); -} - -datechooser button.day.today, datechooser button.day.flat.today { - color: #E0E0E0; -} - -datechooser button.day.today dot, datechooser button.day.flat.today dot { - background-color: #E0E0E0; -} - -datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.flat.other-month:not(:hover), datechooser button.day.flat.other-month:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.flat.other-month:not(:hover) dot, datechooser button.day.flat.other-month:backdrop dot { - background-color: rgba(255, 255, 255, 0.3); -} - -datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.flat.other-month:hover:not(:backdrop) { - color: rgba(255, 255, 255, 0.5); -} - -datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.flat.other-month:hover:not(:backdrop) dot { - background-color: rgba(255, 255, 255, 0.5); -} - -.week-header { - padding: 0; -} - -.week-header > box:first-child { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.week-header .week-number { - font-size: 16pt; - font-weight: bold; - padding: 12px 12px 18px 12px; - color: rgba(255, 255, 255, 0.3); -} - -.week-header.week-temperature { - font-size: 10pt; - font-weight: bold; - color: rgba(255, 255, 255, 0.5); -} - -.week-header.lines { - color: rgba(255, 255, 255, 0.12); -} - -weekhourbar > label { - font-size: 10pt; - padding: 4px 6px; -} - -.week-view .lines { - color: rgba(255, 255, 255, 0.12); -} - -weekgrid > widget.now-strip { - background-color: alpha(#E0E0E0, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell { - border: solid 1px rgba(255, 255, 255, 0.12); - border-width: 1px 0 0 1px; - background-color: transparent; - transition: background-color 200ms; -} - -monthcell:hover:not(.out-of-month):not(.today) { - background-color: #242424; - transition: background-color 200ms; - color: white; -} - -monthcell:selected { - background-color: alpha(#E0E0E0, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#E0E0E0, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#E0E0E0, 0.3); - color: #E0E0E0; -} - -monthcell.today:selected { - background-color: alpha(#E0E0E0, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#E0E0E0, 0.35); -} - -monthcell.today label.day-label.numeric { - color: rgba(0, 0, 0, 0.87); - background-color: #E0E0E0; - border-radius: 9999px; - padding: 0; - min-height: 24px; - min-width: 24px; -} - -monthcell label { - color: white; - font-size: 0.9rem; -} - -monthcell label.day-label { - font-size: 1rem; -} - -monthcell.out-of-month { - background-color: rgba(255, 255, 255, 0.04); -} - -monthcell.out-of-month label { - color: rgba(255, 255, 255, 0.7); -} - -monthcell button { - padding: 0 6px; - border-radius: 0; - border-bottom: none; - border-right: none; -} - -monthpopover > box { - margin: 0; - padding: 0; - background-color: transparent; -} - -.notes-section box > textview { - border-radius: 6px; - padding: 6px; -} - -.notes-section box > textview > text { - background: none; -} - -agenda-view list.background { - background-color: transparent; -} - -agenda-view list > row { - padding: 2px 12px; -} - -agenda-view list > label { - padding: 6px 12px; -} - -label.no-events { - font-style: italic; -} - -searchbutton > popover > arrow { - background: none; - border: none; -} - -menubutton.sources-button { - margin: 0; -} - -menubutton.sources-button > button { - border-radius: 0 0 12px 12px; - margin: 0; -} - -menubutton stack > box { - border-spacing: 6px; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane { - background-color: #242424; - color: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl) banner > revealer > widget { - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr) banner > revealer > widget { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar { - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar:backdrop { - color: rgba(255, 255, 255, 0.3); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(255, 255, 255, 0.7); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: white; - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):hover { - background-color: alpha(currentColor, 0.08); - color: white; - box-shadow: inset 0 0 0 2px transparent; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):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: white; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - transition: none; - opacity: 1; - filter: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked { - box-shadow: none; - background-color: #E0E0E0; - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - box-shadow: none; - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); - opacity: 1; - filter: none; -} - -.content-pane toolbarview.undershoot-top calendar-view scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.content-pane toolbarview.undershoot-bottom calendar-view scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - box-shadow: none; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild.card { - border: none; - box-shadow: none; - padding: 0; - 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(255, 255, 255, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; -} - -.context-tile-lozenge.grey { - color: white; - background-color: rgba(255, 255, 255, 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: #2196F3; - 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(242, 139, 130, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 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(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #E0E0E0; - 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(255, 255, 255, 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: #242424; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.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(255, 255, 255, 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: #2C2C2C; -} - -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(255, 255, 255, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(255, 255, 255, 0.3); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #E0E0E0; -} - -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: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -checkbutton.theme-selector radio:checked:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher { - padding: 6px; -} - -themeswitcher .check { - min-height: 16px; - min-width: 16px; - background-color: #E0E0E0; - 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/check-symbolic@2.svg"))); -} - -themeswitcher .check:hover { - background-color: #fafafa; - color: rgba(0, 0, 0, 0.87); -} - -themeswitcher .check:active { - background-color: #E0E0E0; - 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:active, themeswitcher checkbutton radio:hover { - outline-color: rgba(255, 255, 255, 0.12); - outline-width: 1px; - outline-offset: -1px; - outline-style: solid; - box-shadow: none; -} - -themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, 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, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { - box-shadow: inset 0 0 0 2px #E0E0E0; -} - -themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { - background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); - background-color: transparent; -} - -themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { - color: rgba(0, 0, 0, 0.8); - background-color: white; -} - -themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { - color: white; - background-image: image(#242424); - background-color: transparent; -} - -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: white; -} - -avatar.image { - background: none; -} - -.card { - border-radius: 6px; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.12); - background-clip: border-box; - background-color: #2C2C2C; - color: rgba(255, 255, 255, 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(255, 255, 255, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(255, 255, 255, 0.3); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #E0E0E0; -} - -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 3px 4px rgba(0, 0, 0, 0.2), 0 12px 14px rgba(0, 0, 0, 0.14), 0 9px 18px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; - color: white; - 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: #E0E0E0; - color: rgba(0, 0, 0, 0.87); -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -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: #E0E0E0; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -headerbar viewswitcher.narrow button.toggle { - border-radius: 0 0 12px 12px; - margin: 0; - min-width: 120px; - padding: 0; - background-color: transparent; -} - -headerbar viewswitcher.narrow button.toggle:checked { - background-color: #E0E0E0; - 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: #E0E0E0; -} - -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 { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -viewswitchertitle viewswitcher.narrow { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { - padding-top: 0; - padding-bottom: 0; - border-spacing: 0; -} - -viewswitchertitle viewswitcher.wide { - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitchertitle windowtitle { - margin-top: 0; - margin-bottom: 0; -} - -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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #E0E0E0; -} - -indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color white; -/* -text color for entries, views and content in general */ -@define-color theme_text_color white; -/* -widget base background color */ -@define-color theme_bg_color #2C2C2C; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2C2C2C; -/* -base background color of selections */ -@define-color theme_selected_bg_color #E0E0E0; -/* -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 #2C2C2C; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #242424; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color white; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color white; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2C2C2C; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #2C2C2C; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #E0E0E0; -/* -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(255, 255, 255, 0.5); -/* -widgets main borders color */ -@define-color borders rgba(255, 255, 255, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(255, 255, 255, 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 white; -@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); -@define-color wm_highlight rgba(255, 255, 255, 0.1); -@define-color wm_bg #2C2C2C; -@define-color wm_unfocused_bg #2C2C2C; -@define-color wm_button_close_icon #2C2C2C; -@define-color wm_button_close_hover_bg #E0E0E0; -@define-color wm_button_close_active_bg #c7c7c7; -/* -FIXME this is really an API */ -@define-color content_view_bg #2C2C2C; -@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 white; -@define-color budgie_tasklist_indicator_color_active white; -@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 #E0E0E0; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #E0E0E0; -@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 #2C2C2C; -@define-color window_fg_color white; -@define-color view_bg_color #2C2C2C; -@define-color view_fg_color white; -@define-color headerbar_bg_color #2C2C2C; -@define-color headerbar_fg_color white; -@define-color headerbar_border_color rgba(255, 255, 255, 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 #2C2C2C; -@define-color card_fg_color white; -@define-color card_shade_color rgba(0, 0, 0, 0.36); -@define-color dialog_bg_color #2C2C2C; -@define-color dialog_fg_color white; -@define-color popover_bg_color #2C2C2C; -@define-color popover_fg_color white; -@define-color thumbnail_bg_color #2C2C2C; -@define-color thumbnail_fg_color white; -@define-color shade_color rgba(0, 0, 0, 0.36); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5); diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk.css b/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk.css deleted file mode 100644 index d40463f80..000000000 --- a/Graphite-Light/files/Graphite-Light/gtk-4.0/gtk.css +++ /dev/null @@ -1,7200 +0,0 @@ -/*************** - * Base States * - ***************/ -.background { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -dnd { - color: rgba(0, 0, 0, 0.87); -} - -.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: rgba(0, 0, 0, 0.87); -} - -iconview:disabled, .view:disabled { - color: rgba(0, 0, 0, 0.38); -} - -textview text { - background-color: #FFFFFF; -} - -textview border { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.6); -} - -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 #333333; - background-color: rgba(51, 51, 51, 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: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; - border: 1px solid black; -} - -label.separator { - color: rgba(0, 0, 0, 0.6); -} - -label:disabled { - color: rgba(0, 0, 0, 0.38); - opacity: 1; - filter: 0; -} - -headerbar label:disabled, tab label:disabled, button label:disabled { - color: inherit; -} - -label.osd { - border-radius: 6px; - background-color: rgba(52, 52, 52, 0.9); - color: white; -} - -label.search-information { - background-color: #333333; - color: white; -} - -.dim-label, row label.subtitle { - color: rgba(0, 0, 0, 0.6); - opacity: 1; -} - -window.assistant .sidebar { - padding: 4px 0; -} - -window.assistant .sidebar label { - min-height: 36px; - padding: 0 12px; - color: rgba(0, 0, 0, 0.38); - font-weight: 500; -} - -window.assistant .sidebar label.highlight { - color: rgba(0, 0, 0, 0.87); -} - -.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: white; - background-color: #212121; - background-clip: padding-box; - border-radius: 6px; - border: none; -} - -.osd { - padding: 6px; - margin: 6px; - 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); -} - -.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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -entry:focus-within { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #333333; - 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - outline: none; - opacity: 1; - filter: none; -} - -entry.search { - border-radius: 9999px; -} - -entry.flat { - min-height: 0; - padding: 2px; - border-radius: 0; - background-color: transparent; -} - -entry image { - color: rgba(0, 0, 0, 0.6); -} - -entry image:hover, entry image:active { - color: rgba(0, 0, 0, 0.87); -} - -entry image:disabled { - color: rgba(0, 0, 0, 0.26); -} - -entry image.left { - margin-left: 2px; - margin-right: 6px; -} - -entry image.right { - margin-left: 6px; - margin-right: 2px; -} - -entry undershoot.left > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -entry undershoot.right > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error, entry.error:hover, entry.error:focus-within { - color: #D93025; -} - -entry.error image, entry.error:hover image, entry.error:focus-within image { - color: #D93025; -} - -entry.error selection { - color: white; - background-color: #D93025; -} - -entry.error:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.error:focus-within { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #D93025; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.error:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning, entry.warning:hover, entry.warning:focus-within { - color: #F4B400; -} - -entry.warning image, entry.warning:hover image, entry.warning:focus-within image { - color: #F4B400; -} - -entry.warning selection { - color: rgba(0, 0, 0, 0.87); - background-color: #F4B400; -} - -entry.warning:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.warning:focus-within { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #F4B400; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.warning:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - outline: none; - opacity: 1; - filter: none; -} - -entry.success { - 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success, entry.success:hover, entry.success:focus-within { - color: #0F9D58; -} - -entry.success image, entry.success:hover image, entry.success:focus-within image { - color: #0F9D58; -} - -entry.success selection { - color: white; - background-color: #0F9D58; -} - -entry.success:hover { - background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - outline: none; -} - -entry.success:focus-within { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #0F9D58; - outline: none; - background-color: alpha(currentColor, 0.05); -} - -entry.success:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - outline: none; - opacity: 1; - filter: none; -} - -entry > progress, -entry progress > trough > progress { - margin: 0; - border-bottom: 2px solid #333333; - background-color: transparent; -} - -treeview entry.flat, treeview entry { - background-color: #FFFFFF; -} - -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(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -.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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -/*********** - * Buttons * - ***********/ -@keyframes needs-attention { - from { - background-image: radial-gradient(farthest-side, #333333 0%, rgba(51, 51, 51, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #333333 95%, rgba(51, 51, 51, 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(255, 255, 255, 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: white; -} - -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(255, 255, 255, 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(255, 255, 255, 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - 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: rgba(0, 0, 0, 0.87); - outline: none; -} - -headerbar popover button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); - 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: rgba(0, 0, 0, 0.87); -} - -headerbar popover button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - 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: #333333; - color: white; - 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - 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: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 2px transparent; -} - -panelstatusbar > menubutton > button, -panelstatusbar > paneltogglebutton button.image-button, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button, 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.background.messagedialog .response-area > 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(0, 0, 0, 0.6); -} - -panelstatusbar > menubutton > button:focus, -panelstatusbar > paneltogglebutton button.image-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, 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.background.messagedialog .response-area > 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: rgba(0, 0, 0, 0.87); -} - -panelstatusbar > menubutton > button:hover, -panelstatusbar > paneltogglebutton button.image-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, 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.background.messagedialog .response-area > 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: rgba(0, 0, 0, 0.87); -} - -panelstatusbar > menubutton > button:active, -panelstatusbar > paneltogglebutton button.image-button:active, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, 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.background.messagedialog .response-area > 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: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -panelstatusbar > menubutton > button:disabled, -panelstatusbar > paneltogglebutton button.image-button:disabled, .sidebar-pane placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled, 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.background.messagedialog .response-area > 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(0, 0, 0, 0.26); - opacity: 1; - filter: none; -} - -filechooser #pathbarbox > stack > box > button:checked, window.background.messagedialog .response-area > 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: rgba(0, 0, 0, 0.87); - outline: none; - box-shadow: none; -} - -filechooser #pathbarbox > stack > box > button:checked:disabled, window.background.messagedialog .response-area > 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(0, 0, 0, 0.38); - 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: 9999px; -} - -.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: #212121; - color: white; -} - -button.osd:hover { - background-color: #474747; - color: white; -} - -button.osd:active { - background-color: #080808; - color: white; -} - -button.osd.image-button { - padding: 6px; -} - -button.osd:disabled { - opacity: 0; -} - -button.suggested-action { - background-color: #333333; - color: white; - box-shadow: none; -} - -button.suggested-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - transition: none; - opacity: 1; - filter: none; -} - -button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(51, 51, 51, 0.2), 0 4px 3px 0 rgba(51, 51, 51, 0.14), 0 1px 6px 0 rgba(51, 51, 51, 0.12); -} - -button.suggested-action:checked { - background-color: #707070; -} - -button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(51, 51, 51, 0.3), 0 2px 3px -1px rgba(51, 51, 51, 0.24), 0 2px 5px 0 rgba(51, 51, 51, 0.12); -} - -button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #333333; -} - -button.suggested-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); - opacity: 1; - filter: none; -} - -button.suggested-action.flat:checked { - background-color: rgba(51, 51, 51, 0.3); -} - -button.destructive-action { - background-color: #D93025; - color: white; - box-shadow: none; -} - -button.destructive-action:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - transition: none; - opacity: 1; - filter: none; -} - -button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(217, 48, 37, 0.2), 0 4px 3px 0 rgba(217, 48, 37, 0.14), 0 1px 6px 0 rgba(217, 48, 37, 0.12); -} - -button.destructive-action:checked { - background-color: #e46e66; -} - -button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(217, 48, 37, 0.3), 0 2px 3px -1px rgba(217, 48, 37, 0.24), 0 2px 5px 0 rgba(217, 48, 37, 0.12); -} - -button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(217, 48, 37, 0.35); -} - -button.destructive-action.flat { - background-color: transparent; - color: #D93025; -} - -button.destructive-action.flat:disabled { - box-shadow: none; - background-color: transparent; - color: rgba(0, 0, 0, 0.26); - opacity: 1; - filter: none; -} - -button.destructive-action.flat:checked { - background-color: rgba(217, 48, 37, 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 2px transparent; -} - -button.card:hover { - background-image: none; - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); - 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: rgba(0, 0, 0, 0.87); -} - -button.card:checked { - background-image: none; - box-shadow: none; - background-color: #333333; - color: white; - outline: none; - border-color: #333333; -} - -button.card:checked:hover { - background-image: none; - box-shadow: none; -} - -button.card:checked:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - opacity: 1; - filter: none; -} - -button.card:checked.keyboard-activating, button.card:checked:active { - background-image: none; -} - -button.card:checked.has-open-popup { - background-image: none; -} - -button.card:drop(active) { - color: #FF7043; - box-shadow: inset 0 0 0 1px #FF7043; -} - -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: #333333; - color: white; -} - -menubutton.destructive-action { - background-color: #D93025; - color: white; -} - -menubutton.opaque { - background-color: rgba(214, 214, 214, 0.974); - color: rgba(0, 0, 0, 0.87); -} - -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(0, 0, 0, 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: #333333; - color: white; -} - -splitbutton.destructive-action { - background-color: #D93025; - color: white; -} - -splitbutton.opaque { - background-color: rgba(214, 214, 214, 0.974); - color: rgba(0, 0, 0, 0.87); -} - -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(0, 0, 0, 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(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - 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: rgba(0, 0, 0, 0.87); -} - - -list > row button.image-button:not(.flat).suggested-action { - background-color: #333333; - color: white; -} - - -list > row button.image-button:not(.flat).destructive-action { - background-color: #D93025; - color: white; -} - -/********* - * Links * - *********/ -link { - color: #2196F3; -} - -link:visited { - color: #9C27B0; -} - -button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #2196F3; -} - -button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #9C27B0; -} - -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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -spinbutton:focus-within { - background-color: rgba(0, 0, 0, 0.04); - box-shadow: inset 0 0 0 2px #333333; - outline: none; -} - -spinbutton:disabled { - box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - 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(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -button.combo:only-child:focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:hover { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); -} - -button.combo:only-child:active { - background-color: alpha(currentColor, 0.12); - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -button.combo:only-child:checked { - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); - outline: none; - box-shadow: none; -} - -button.combo:only-child:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - transition: none; - opacity: 1; - filter: none; -} - -/************ - * Toolbars * - ************/ -.toolbar, -toolbar { - padding: 3px 6px; - background-color: #FFFFFF; - 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 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.app-notification:backdrop, .toolbar.osd:backdrop, -toolbar.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0); -} - -.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(0, 0, 0, 0.12); - background-color: #FFFFFF; - 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(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(0, 0, 0, 0.38); -} - -headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); -} - -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(0, 0, 0, 0.6); -} - -headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); -} - -headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); -} - -headerbar entry { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); -} - -headerbar entry:focus-within { - box-shadow: inset 0 0 0 2px #333333; -} - -headerbar entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -headerbar entry image { - color: rgba(0, 0, 0, 0.6); -} - -headerbar entry image:hover, headerbar entry image:active { - color: rgba(0, 0, 0, 0.87); -} - -headerbar entry image:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar { - min-height: 48px; - padding: 0; - margin: 0; - border: none; - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -headerbar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -headerbar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -headerbar:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); -} - -headerbar.flat { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -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(0, 0, 0, 0.6); -} - -headerbar .subtitle:backdrop, -headerbar .dim-label:backdrop, -headerbar row label.subtitle:backdrop, -row headerbar label.subtitle:backdrop { - color: rgba(0, 0, 0, 0.38); -} - -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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); -} - -headerbar stackswitcher { - margin: 6px 0; - border-radius: 9999px; - border: 2px solid #333333; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { - border-radius: 9999px; -} - -headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - background-color: #333333; - color: white; -} - -headerbar.selection-mode { - transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #333333; - color: white; -} - -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); -} - -headerbar.selection-mode .subtitle:link { - color: white; -} - -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(255, 255, 255, 0.1); - background-color: #333333; -} - -.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; -} - -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; -} - -.top-bar { - box-shadow: none; - background: none; - border: none; -} - -.top-bar .collapse-spacing { - padding: 0; -} - -window.devel headerbar.titlebar { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(51, 51, 51, 0.2)), linear-gradient(to top, #f7f7f7, #FFFFFF 3px, white); -} - -window.devel headerbar.titlebar:backdrop { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FFFFFF); - /* 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(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - border: none; - border-radius: 6px; - padding: 2px; -} - -headerbar .pathbar { - margin-top: 6px; - margin-bottom: 6px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); -} - -.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: rgba(0, 0, 0, 0.87); - outline: none; - box-shadow: none; -} - -/************** - * Tree Views * - **************/ -columnview.view, -treeview.view { - border-left-color: #e0e0e0; - border-top-color: #e0e0e0; -} - -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(0, 0, 0, 0.12); -} - -columnview.view:drop(active), -treeview.view:drop(active) { - box-shadow: none; -} - -columnview.view:drop(active).after, -treeview.view:drop(active).after { - border-top-style: none; -} - -columnview.view:drop(active).before, -treeview.view:drop(active).before { - 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:drop(active).after, -treeview.view > dndtarget:drop(active).after { - border-top-style: none; -} - -columnview.view > dndtarget:drop(active).before, -treeview.view > dndtarget:drop(active).before { - border-bottom-style: none; -} - -columnview.view.expander, -treeview.view.expander { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: rgba(0, 0, 0, 0.6); -} - -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: rgba(0, 0, 0, 0.87); -} - -columnview.view.expander:selected, -treeview.view.expander:selected { - color: rgba(0, 0, 0, 0.87); -} - -columnview.view.expander:selected:hover, -treeview.view.expander:selected:hover { - color: rgba(0, 0, 0, 0.87); -} - -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(0, 0, 0, 0.26); -} - -columnview.view.progressbar, -treeview.view.progressbar { - border-bottom: 6px solid #333333; - 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.6); -} - -columnview.view > header > button, columnview.view > header > button:disabled, -treeview.view > header > button, -treeview.view > header > button:disabled { - background-color: #FFFFFF; -} - -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(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - background-color: #FFFFFF; - background-clip: border-box; - color: #333333; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #333333; -} - -/********* - * Menus * - *********/ -menubar { - padding: 0; - color: rgba(0, 0, 0, 0.87); -} - -menubar:backdrop { - color: rgba(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.6); -} - -menubar > item:selected { - transition: none; - background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); -} - -menubar > item:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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: #FFFFFF; - background-clip: border-box; - border-radius: 12px; - color: rgba(0, 0, 0, 0.87); - border: 2px solid #333333; -} - -popover.background:backdrop > arrow, -popover.background:backdrop > contents { - border: 2px solid #333333; -} - -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: rgba(0, 0, 0, 0.87); - font: initial; - text-shadow: none; - box-shadow: none; - background: none; -} - -popover.background modelbutton:hover { - transition: none; - background-color: #333333; - color: white; -} - -popover.background modelbutton:hover accelerator { - color: rgba(255, 255, 255, 0.5); -} - -popover.background modelbutton:hover accelerator:disabled { - color: rgba(255, 255, 255, 0.3); -} - -popover.background modelbutton:disabled { - color: rgba(0, 0, 0, 0.38); -} - -popover.background modelbutton accelerator { - color: rgba(0, 0, 0, 0.38); - margin-left: 30px; -} - -popover.background modelbutton accelerator:disabled { - color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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: 3px 6px; - margin: 0; - border: none; - outline: none; - background-clip: padding-box; - color: rgba(0, 0, 0, 0.6); - font-weight: 500; - border-radius: 6px; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:hover, notebook > header > tabs > tab:hover { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - -tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled, notebook > header > tabs > tab:disabled { - color: rgba(0, 0, 0, 0.26); -} - -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: white; - color: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.38); -} - -frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(0, 0, 0, 0.04); -} - -notebook, notebook.frame { - background-color: #FFFFFF; - 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(0, 0, 0, 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(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); -} - -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: rgba(0, 0, 0, 0.04); - padding: 0; - margin: 3px; - border-radius: 12px; - box-shadow: none; -} - -tabbar:not(.inline):backdrop .box { - background-color: rgba(0, 0, 0, 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 { - padding: 0; -} - -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 { - padding: 0; -} - -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: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - 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(#333333, 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(#FF7043, 0.4); - background-color: alpha(#FF7043, 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: #333333; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#333333, 0.4); -} - -tabthumbnail .card { - background: none; - color: inherit; -} - -tabthumbnail .card picture { - outline: none; - border-radius: 6px; -} - -tabthumbnail.pinned .card { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -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: transparent; - box-shadow: none; - outline: none; - border: none; - margin: 0; - padding: 0; -} - -scrollbar > range > trough { - background-color: rgba(0, 0, 0, 0.12); - padding: 0; - margin: 6px; - outline: none; - border: none; - border-radius: 9999px; -} - -scrollbar > range > trough > slider { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - min-width: 8px; - min-height: 8px; - margin: -6px; - border: 6px solid transparent; - border-radius: 9999px; - background-clip: padding-box; - background-color: rgba(0, 0, 0, 0.38); - box-shadow: none; - outline: none; -} - -scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); -} - -scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); -} - -scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -scrollbar > range.fine-tune > trough > slider { - min-width: 4px; - min-height: 4px; -} - -scrollbar > range.fine-tune.horizontal > trough > slider { - margin: 0; -} - -scrollbar > range.fine-tune.vertical > trough > slider { - margin: 0; -} - -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 { - margin: 3px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - min-width: 4px; - min-height: 4px; - margin: 0; - border: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 4px; - min-height: 4px; - margin: 3px; - border: none; - border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.38); - background-clip: padding-box; - -gtk-icon-source: none; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(0, 0, 0, 0.26); -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { - min-width: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { - min-width: 8px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { - min-height: 24px; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { - min-height: 8px; -} - -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(0, 0, 0, 0.6); - border-radius: 9999px; - background-color: transparent; - background-clip: border-box; - font-size: 0; - color: transparent; -} - -switch:checked { - background-color: #333333; - border-color: #333333; -} - -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(0, 0, 0, 0.6); - border: none; -} - -switch:focus > slider { - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.04); -} - -switch:hover > slider { - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); -} - -switch:focus:hover > slider { - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); -} - -switch:checked > slider { - background-color: #FFFFFF; - color: #FFFFFF; -} - -/************************* - * 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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.04); -} - -check:active, -radio:active { - border-color: rgba(0, 0, 0, 0.87); - box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); -} - -check:checked, check:indeterminate, -radio:checked, -radio:indeterminate { - border-color: transparent; - background-color: #333333; - color: white; -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - background-color: #4d4d4d; - color: white; -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - background-color: #424242; - color: white; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - border-color: transparent; - background-color: rgba(0, 0, 0, 0.26); - color: #FFFFFF; -} - -check:disabled, -radio:disabled { - border-color: rgba(0, 0, 0, 0.26); -} - -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: white; - 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: #333333; - color: white; -} - -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: white; - color: #333333; -} - -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(0, 0, 0, 0.26); - color: #FFFFFF; -} - -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/check-symbolic@2.svg"))); -} - - -radio:checked { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/dot-symbolic.svg")), -gtk-recolor(url("assets/scalable/dot-symbolic@2.svg"))); -} - -check:indeterminate, radio:indeterminate { - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/line-symbolic.svg")), -gtk-recolor(url("assets/scalable/line-symbolic@2.svg"))); -} - -check:not(:checked):active { - -gtk-icon-transform: rotate(90deg); -} - -check:not(:checked):indeterminate:active { - -gtk-icon-transform: scaleX(-1); -} - -/************ - * 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(0, 0, 0, 0.26); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -scale highlight { - transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#333333); -} - -scale highlight:disabled { - background-color: #FFFFFF; - background-image: image(rgba(0, 0, 0, 0.26)); -} - -scale fill { - transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.26); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - color: #333333; - background-color: #FFFFFF; - box-shadow: inset 0 0 0 2px #333333; -} - -scale slider:hover { - box-shadow: inset 0 0 0 2px #333333, 0 0 0 8px rgba(0, 0, 0, 0.12); -} - -scale slider:active { - box-shadow: inset 0 0 0 4px #333333, 0 0 0 8px rgba(0, 0, 0, 0.12); -} - -scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.26); -} - -scale marks, -scale value { - color: rgba(0, 0, 0, 0.6); -} - -scale indicator { - background-color: rgba(0, 0, 0, 0.26); - color: transparent; -} - -scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { - transform: rotate(0); -} - -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.png"), url("assets/scale-horz-marks-before-slider@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")); -} - -scale.horizontal.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")); -} - -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.png"), url("assets/scale-horz-marks-after-slider@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")); -} - -scale.horizontal.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")); -} - -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.png"), url("assets/scale-vert-marks-before-slider@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")); -} - -scale.vertical.marks-before:not(.marks-after) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")); -} - -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.png"), url("assets/scale-vert-marks-after-slider@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")); -} - -scale.vertical.marks-after:not(.marks-before) slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")); -} - -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(0, 0, 0, 0.6); - 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(0, 0, 0, 0.12); -} - -progressbar progress { - border-radius: 6px; - background-color: #333333; -} - -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: #333333; -} - -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: #F4B400; -} - -levelbar block.high, levelbar block:not(.empty) { - background-color: #333333; -} - -levelbar block.full { - background-color: #0F9D58; -} - -levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); -} - -/**************** - * Print dialog * -*****************/ -window.dialog.print drawing { - color: rgba(0, 0, 0, 0.87); - background: none; - border: none; - padding: 0; -} - -window.dialog.print drawing paper { - padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -window.dialog.print .dialog-action-box { - margin: 12px; -} - -/********** - * Frames * - **********/ -frame, -.frame { - border: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; - background-clip: border-box; - box-shadow: none; -} - -statusbar { - padding: 6px 18px; -} - -scrolledwindow viewport.frame { - border: none; -} - -stack scrolledwindow.frame viewport.frame list { - border: none; -} - -scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(#333333, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(#333333, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(#333333, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(#333333, 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -} - -scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -} - -scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -separator:not(.spacer) { - min-width: 1px; - min-height: 1px; - background-color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -listview row, -list row { - padding: 2px 6px; - color: rgba(0, 0, 0, 0.6); -} - -listview > row.expander, -list > row.expander { - padding: 0px; -} - -listview > row.expander .row-header, -list > row.expander .row-header { - padding: 2px 6px; -} - -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: rgba(0, 0, 0, 0.87); - 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(0, 0, 0, 0.6); - 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: white; -} - -row:selected button image, -row:selected button label { - color: inherit; -} - -row:selected:disabled { - color: rgba(0, 0, 0, 0.38); -} - -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 #333333; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: white; - background-color: #333333; -} - -.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: #333333; -} - -.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(0, 0, 0, 0.6); - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -expander:hover, expander:active { - color: rgba(0, 0, 0, 0.87); -} - -expander:disabled { - color: rgba(0, 0, 0, 0.26); -} - -expander-widget > box > title { - border-radius: 6px; -} - -expander-widget > box > title:hover > expander { - color: rgba(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.12); - border-radius: 6px; - color: rgba(0, 0, 0, 0.87); -} - -calendar:disabled { - color: rgba(0, 0, 0, 0.38); -} - -calendar:selected { - border-radius: 6px; -} - -calendar > header { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); - 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: #FFFFFF; -} - -window.dialog.message box.dialog-vbox.vertical { - border-spacing: 10px; -} - -window.dialog.message .titlebar { - min-height: 24px; - border-style: none; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -window.dialog.message .titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -window.dialog.message.csd .dialog-action-area { - margin-top: -6px; - padding: 6px; -} - -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: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:last-child) { - margin-right: 6px; -} - -window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #333333; -} - -window.dialog.message.csd .dialog-action-area > button.suggested-action:not(:disabled) { - color: #333333; -} - -window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #D93025; -} - -window.background.messagedialog .response-area { - padding: 6px; - border-spacing: 6px; -} - -window.background.messagedialog .response-area > button, window.background.messagedialog .response-area > button:first-child, window.background.messagedialog .response-area > button:last-child { - border-radius: 6px; -} - -window.background.messagedialog .response-area > button:not(:last-child) { - margin-right: 6px; -} - -window.background.messagedialog .response-area > button:not(:disabled) { - color: #333333; -} - -window.background.messagedialog .response-area > button.suggested-action:not(:disabled) { - color: #333333; -} - -window.background.messagedialog .response-area > button.destructive-action:not(:disabled) { - color: #D93025; -} - -window.background.messagedialog .response-area > separator { - border: none; - background: none; -} - -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(0, 0, 0, 0.12); -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; -} - -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:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -separator + .sidebar:not(separator):dir(ltr), separator + .sidebar:not(separator).left, separator + .sidebar:not(separator).left:dir(rtl), separator + box > .sidebar:not(separator):dir(ltr), separator + box > .sidebar:not(separator).left, separator + box > .sidebar:not(separator).left:dir(rtl) { - border-right: none; -} - -separator + .sidebar:not(separator):dir(rtl), separator + .sidebar:not(separator).right, separator + box > .sidebar:not(separator):dir(rtl), separator + box > .sidebar:not(separator).right { - 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, .sidebar-pane stacksidebar.sidebar { - border: none; -} - -stacksidebar list { - padding: 6px; -} - -stacksidebar row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -stacksidebar row + row { - margin-top: 3px; -} - -stacksidebar row:selected { - font-weight: 500; -} - -separator.sidebar { - background-color: rgba(0, 0, 0, 0.12); - border-right: none; -} - -separator.sidebar.selection-mode, .selection-mode separator.sidebar { - background-color: rgba(255, 255, 255, 0.15); -} - -/********************** - * Navigation Sidebar * - **********************/ -.navigation-sidebar { - padding: 6px; - border-right: none; -} - -.navigation-sidebar, .navigation-sidebar.view { - background-color: transparent; - color: inherit; -} - -.navigation-sidebar > row { - min-height: 24px; - padding: 6px 9px; - border-radius: 6px; - margin: 0; -} - -.navigation-sidebar > row + row { - margin-top: 3px; -} - -.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { - background-color: alpha(currentColor, 0.08); -} - -.navigation-sidebar > row:selected:hover { - background-color: #404040; -} - -.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(0, 0, 0, 0.38); -} - -.navigation-sidebar > separator { - margin: 3px 0; -} - -/**************** - * File chooser * - ****************/ -placessidebar { - background-color: #FFFFFF; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar .navigation-sidebar > row { - padding: 3px 6px; -} - -placessidebar .navigation-sidebar > row > revealer { - padding: 6px 9px; -} - -placessidebar .navigation-sidebar > row image.sidebar-icon { - transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: inherit; -} - -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: #333333; -} - -placessidebar .navigation-sidebar > row:selected { - font-weight: 500; -} - -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(#e0e0e0); - background-size: 1px 1px; - background-clip: content-box; -} - -paned > separator.wide { - min-width: 6px; - min-height: 6px; - background-color: #FFFFFF; - background-image: image(#e0e0e0), image(#e0e0e0); - 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; -} - -/**************** - * Sidebar Pane * - ****************/ -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row button, placessidebar .navigation-sidebar > row:selected button.sidebar-button { - background-color: transparent; - color: white; -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:focus, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:focus, placessidebar .navigation-sidebar > row:selected button.sidebar-button:focus, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active, .sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - color: white; -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:hover, placessidebar .navigation-sidebar > row:selected button.sidebar-button:hover { - background-color: alpha(currentColor, 0.08); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:active, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:active, placessidebar .navigation-sidebar > row:selected button.sidebar-button:active { - background-color: alpha(currentColor, 0.12); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:checked, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:checked, placessidebar .navigation-sidebar > row:selected button.sidebar-button:checked { - background-color: alpha(currentColor, 0.1); -} - -.sidebar-pane placessidebar .navigation-sidebar > row button.sidebar-button:disabled, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row button:disabled, placessidebar .navigation-sidebar > row:selected button.sidebar-button:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > row, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row { - color: rgba(255, 255, 255, 0.7); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:hover, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:active { - color: white; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:selected { - background-color: rgba(255, 255, 255, 0.7); - color: #333333; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:selected:hover { - background-color: white; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > row:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > row:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.sidebar-pane { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane .sidebar, -.sidebar-pane .toolbar, -.sidebar-pane placessidebar, -.sidebar-pane .navigation-sidebar, -.sidebar-pane searchbar > revealer > box { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow, -.sidebar-pane toolbarview > placessidebar > scrolledwindow, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow { - background-color: #333333; - color: white; - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar .dim-label, .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar row label.subtitle, row .sidebar-pane toolbarview > scrolledwindow .navigation-sidebar label.subtitle, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar .dim-label, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar .dim-label { - color: rgba(255, 255, 255, 0.5); -} - -.sidebar-pane toolbarview > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > placessidebar > scrolledwindow .navigation-sidebar > separator, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow .navigation-sidebar > separator { - background: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.top, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.top { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, alpha(rgba(255, 255, 255, 0.5), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center top; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.bottom, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.bottom { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, alpha(rgba(255, 255, 255, 0.5), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: center bottom; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.left, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.left { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, alpha(rgba(255, 255, 255, 0.5), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: left center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > placessidebar > scrolledwindow > overshoot.right, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow > overshoot.right { - background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, alpha(rgba(255, 255, 255, 0.5), 0.24) 99%, transparent 100%); - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar { - background-color: transparent; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough { - background-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider { - background-color: rgba(255, 255, 255, 0.5); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:hover, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:hover { - background-color: rgba(255, 255, 255, 0.7); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:active, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:active { - background-color: white; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar > range > trough > slider:disabled, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar > range > trough > slider:disabled { - background-color: rgba(255, 255, 255, 0.3); -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { - border: none; -} - -.sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > placessidebar > scrolledwindow scrollbar.overlay-indicator.hovering, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.dragging, -.sidebar-pane toolbarview > stacksidebar.sidebar > scrolledwindow scrollbar.overlay-indicator.hovering { - background-color: transparent; -} - -.sidebar-pane placessidebar .navigation-sidebar > row, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row label.sidebar-label:disabled, -.sidebar-pane placessidebar .navigation-sidebar > row image.sidebar-icon:disabled { - color: rgba(255, 255, 255, 0.3); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected { - background-color: rgba(255, 255, 255, 0.7); -} - -.sidebar-pane placessidebar .navigation-sidebar > row:selected, -.sidebar-pane placessidebar .navigation-sidebar > row:selected label.sidebar-label, -.sidebar-pane placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #333333; -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: rgba(255, 255, 255, 0.7); -} - -.sidebar-pane placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); -} - -.content-pane headerbar { - background-color: transparent; - box-shadow: none; - border: none; -} - -/* Middle pane in three-pane setups */ -.content-pane .sidebar-pane, -.sidebar-pane .content-pane, -.sidebar-pane .sidebar-pane { - background-color: transparent; - color: inherit; -} - -.content-pane .sidebar-pane:backdrop, -.sidebar-pane .content-pane:backdrop, -.sidebar-pane .sidebar-pane:backdrop { - background-color: transparent; - transition: none; -} - -.sidebar-pane banner > revealer > widget, -.content-pane .sidebar-pane banner > revealer > widget, -.sidebar-pane .content-pane banner > revealer > widget { - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - -.sidebar-pane banner > revealer > widget:backdrop, -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: transparent; -} - -.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane:dir(ltr), -.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(rtl), -.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane:dir(ltr), -.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(rtl), -.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.content-pane .sidebar-pane:dir(rtl), -.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, -.content-pane .sidebar-pane.end:dir(ltr), -.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, -.sidebar-pane .content-pane:dir(rtl), -.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, -.sidebar-pane .content-pane.end:dir(ltr), -.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { - border: none; - box-shadow: none; -} - -.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, -.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -} - -.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, -.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, -.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 12px 0 0; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, -.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 0 12px 0; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0 12px 12px 0; - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, -.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.25), 0.75), transparent 8px); - border-radius: 0; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -.sidebar-pane flap > dimming, -.sidebar-pane leaflet > dimming, -.sidebar-pane navigation-view > dimming, -.sidebar-pane overlay-split-view > dimming, -.content-pane flap > dimming, -.content-pane leaflet > dimming, -.content-pane navigation-view > dimming, -.content-pane overlay-split-view > dimming, -.content-pane .sidebar-pane flap > dimming, -.content-pane .sidebar-pane leaflet > dimming, -.content-pane .sidebar-pane navigation-view > dimming, -.content-pane .sidebar-pane overlay-split-view > dimming, -.sidebar-pane .content-pane flap > dimming, -.sidebar-pane .content-pane leaflet > dimming, -.sidebar-pane .content-pane navigation-view > dimming, -.sidebar-pane .content-pane overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.12); -} - -.sidebar-pane flap > border, -.sidebar-pane leaflet > border, -.sidebar-pane navigation-view > border, -.sidebar-pane overlay-split-view > border, -.content-pane flap > border, -.content-pane leaflet > border, -.content-pane navigation-view > border, -.content-pane overlay-split-view > border, -.content-pane .sidebar-pane flap > border, -.content-pane .sidebar-pane leaflet > border, -.content-pane .sidebar-pane navigation-view > border, -.content-pane .sidebar-pane overlay-split-view > border, -.sidebar-pane .content-pane flap > border, -.sidebar-pane .content-pane leaflet > border, -.sidebar-pane .content-pane navigation-view > border, -.sidebar-pane .content-pane overlay-split-view > border { - background: none; -} - -.sidebar-pane flap > shadow, -.sidebar-pane leaflet > shadow, -.sidebar-pane navigation-view > shadow, -.sidebar-pane overlay-split-view > shadow, -.content-pane flap > shadow, -.content-pane leaflet > shadow, -.content-pane navigation-view > shadow, -.content-pane overlay-split-view > shadow, -.content-pane .sidebar-pane flap > shadow, -.content-pane .sidebar-pane leaflet > shadow, -.content-pane .sidebar-pane navigation-view > shadow, -.content-pane .sidebar-pane overlay-split-view > shadow, -.sidebar-pane .content-pane flap > shadow, -.sidebar-pane .content-pane leaflet > shadow, -.sidebar-pane .content-pane navigation-view > shadow, -.sidebar-pane .content-pane overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -.sidebar-pane flap > shadow.left, -.sidebar-pane leaflet > shadow.left, -.sidebar-pane navigation-view > shadow.left, -.sidebar-pane overlay-split-view > shadow.left, -.content-pane flap > shadow.left, -.content-pane leaflet > shadow.left, -.content-pane navigation-view > shadow.left, -.content-pane overlay-split-view > shadow.left, -.content-pane .sidebar-pane flap > shadow.left, -.content-pane .sidebar-pane leaflet > shadow.left, -.content-pane .sidebar-pane navigation-view > shadow.left, -.content-pane .sidebar-pane overlay-split-view > shadow.left, -.sidebar-pane .content-pane flap > shadow.left, -.sidebar-pane .content-pane leaflet > shadow.left, -.sidebar-pane .content-pane navigation-view > shadow.left, -.sidebar-pane .content-pane overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -.sidebar-pane flap > shadow.right, -.sidebar-pane leaflet > shadow.right, -.sidebar-pane navigation-view > shadow.right, -.sidebar-pane overlay-split-view > shadow.right, -.content-pane flap > shadow.right, -.content-pane leaflet > shadow.right, -.content-pane navigation-view > shadow.right, -.content-pane overlay-split-view > shadow.right, -.content-pane .sidebar-pane flap > shadow.right, -.content-pane .sidebar-pane leaflet > shadow.right, -.content-pane .sidebar-pane navigation-view > shadow.right, -.content-pane .sidebar-pane overlay-split-view > shadow.right, -.sidebar-pane .content-pane flap > shadow.right, -.sidebar-pane .content-pane leaflet > shadow.right, -.sidebar-pane .content-pane navigation-view > shadow.right, -.sidebar-pane .content-pane overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -.sidebar-pane flap > shadow.up, -.sidebar-pane leaflet > shadow.up, -.sidebar-pane navigation-view > shadow.up, -.sidebar-pane overlay-split-view > shadow.up, -.content-pane flap > shadow.up, -.content-pane leaflet > shadow.up, -.content-pane navigation-view > shadow.up, -.content-pane overlay-split-view > shadow.up, -.content-pane .sidebar-pane flap > shadow.up, -.content-pane .sidebar-pane leaflet > shadow.up, -.content-pane .sidebar-pane navigation-view > shadow.up, -.content-pane .sidebar-pane overlay-split-view > shadow.up, -.sidebar-pane .content-pane flap > shadow.up, -.sidebar-pane .content-pane leaflet > shadow.up, -.sidebar-pane .content-pane navigation-view > shadow.up, -.sidebar-pane .content-pane overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -.sidebar-pane flap > shadow.down, -.sidebar-pane leaflet > shadow.down, -.sidebar-pane navigation-view > shadow.down, -.sidebar-pane overlay-split-view > shadow.down, -.content-pane flap > shadow.down, -.content-pane leaflet > shadow.down, -.content-pane navigation-view > shadow.down, -.content-pane overlay-split-view > shadow.down, -.content-pane .sidebar-pane flap > shadow.down, -.content-pane .sidebar-pane leaflet > shadow.down, -.content-pane .sidebar-pane navigation-view > shadow.down, -.content-pane .sidebar-pane overlay-split-view > shadow.down, -.sidebar-pane .content-pane flap > shadow.down, -.sidebar-pane .content-pane leaflet > shadow.down, -.sidebar-pane .content-pane navigation-view > shadow.down, -.sidebar-pane .content-pane overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -} - -.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-top > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { - background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); -} - -.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { - background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); -} - -/* Transition shadows */ -flap > dimming, -leaflet > dimming, -navigation-view > dimming, -overlay-split-view > dimming { - background: rgba(0, 0, 0, 0.12); -} - -flap > border, -leaflet > border, -navigation-view > border, -overlay-split-view > border { - background: none; -} - -flap > shadow, -leaflet > shadow, -navigation-view > shadow, -overlay-split-view > shadow { - min-width: 56px; - min-height: 56px; -} - -flap > shadow.left, -leaflet > shadow.left, -navigation-view > shadow.left, -overlay-split-view > shadow.left { - background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -flap > shadow.right, -leaflet > shadow.right, -navigation-view > shadow.right, -overlay-split-view > shadow.right { - background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -flap > shadow.up, -leaflet > shadow.up, -navigation-view > shadow.up, -overlay-split-view > shadow.up { - background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -flap > shadow.down, -leaflet > shadow.down, -navigation-view > shadow.down, -overlay-split-view > shadow.down { - background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.7), alpha(rgba(0, 0, 0, 0.12), 0.14) 40px, alpha(rgba(0, 0, 0, 0.12), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.4), alpha(rgba(0, 0, 0, 0.12), 0.14) 7px, alpha(rgba(0, 0, 0, 0.12), 0) 24px); -} - -/************ - * 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: #333333; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #333333; - color: white; -} - -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: white; -} - -infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: white; -} - -infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #404040; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F4B400; - 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: #ffc00f; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #D93025; - color: white; -} - -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: white; -} - -infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: white; -} - -infobar.error:hover > revealer > box { - background-color: #dd443a; -} - -/************ - * Tooltips * - ************/ -tooltip { - border: none; - background-clip: padding-box; - padding: 6px 12px; - box-shadow: none; -} - -tooltip.background { - background-color: rgba(52, 52, 52, 0.9); - color: white; - 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); - 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: white; -} - -colorswatch.light { - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button { - border-radius: 12px 12px 0 0; - color: rgba(0, 0, 0, 0.87); -} - -colorswatch#add-color-button:only-child { - border-radius: 12px; -} - -colorswatch#add-color-button overlay { - background-color: #FFFFFF; -} - -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 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), inset 0 1px rgba(255, 255, 255, 0); - background-color: #FFFFFF; -} - -colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0); -} - -/******** - * Misc * - ********/ -.content-view { - background-color: #FFFFFF; -} - -/********************** - * Window Decorations * - **********************/ -window { - border: none; - outline: 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 #333333, 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 #333333, 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: #FFFFFF; - border: 2px solid #333333; -} - -window.solid-csd:backdrop { - background-color: #FFFFFF; -} - -windowcontrols { - border-spacing: 6px; -} - -windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { - margin-right: 6px; - margin-left: 3px; -} - -windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { - margin-left: 6px; - margin-right: 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) { - min-height: 24px; - min-width: 24px; - padding: 0; - margin: 0 3px; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action) image { - background: none; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:hover { - background-color: #333333; - color: #FFFFFF; -} - -windowcontrols button:not(.suggested-action):not(.destructive-action).close:active { - background-color: #1a1a1a; - color: #FFFFFF; -} - -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: #333333; - background-color: rgba(51, 51, 51, 0.2); -} - -text > selection, label > selection, calendar > grid > label.today:selected, stacksidebar row:selected, .navigation-sidebar > row:selected, placessidebar .navigation-sidebar > row:selected { - color: white; - background-color: #333333; -} - -.monospace { - font-family: monospace; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #333333; - -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(0, 0, 0, 0.12); - border-radius: 7px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); - font-size: smaller; -} - -:not(decoration):not(window):drop(active) { - caret-color: #333333; -} - -stackswitcher { - min-height: 0; - border-radius: 9999px; - padding: 2px; - margin: 6px 0; - background-color: transparent; - border: 2px solid #333333; -} - -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:not(.suggested-action):not(.destructive-action).text-button { - 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(0, 0, 0, 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(0, 0, 0, 0.12); - background: none; -} - -button.emoji-section { - margin: 0; - padding: 6px; - border-radius: 6px; -} - -button.emoji-section:checked { - color: #333333; -} - -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: rgba(0, 0, 0, 0.87); -} - -popover.entry-completion > contents { - padding: 0; -} - -.nautilus-window.background { - background-color: #FFFFFF; -} - -.nautilus-window.background:backdrop { - background-color: #FFFFFF; -} - -.nautilus-window flap.unfolded > placessidebar { - background-color: #333333; - color: white; - margin: 0 0 12px 0; - border-radius: 0 12px 12px 0; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { - background: none; - padding: 6px; - padding-right: 8px; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > separator { - background: none; -} - -.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: white; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { - background-color: #FFFFFF; - font-weight: 700; -} - -.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: #333333; -} - -.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(0, 0, 0, 0.26); -} - -.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { - background-color: #333333; - border: none; -} - -.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, .nautilus-window .nautilus-grid-view gridview.view { - background-color: #FFFFFF; - border-radius: 6px; -} - -.nautilus-window .nautilus-list-view, .nautilus-window .nautilus-list-view columnview.view { - background-color: #FFFFFF; - border-radius: 6px; -} - -.nautilus-window flap > separator { - background: none; -} - -.nautilus-window placesview label { - color: rgba(0, 0, 0, 0.6); -} - -.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: #333333; - color: white; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12); -} - -.nautilus-window .floating-bar button { - margin: 4px; - color: white; -} - -#NautilusViewCell clamp box { - margin: 0; - border-spacing: 0; -} - -#NautilusQueryEditor > menubutton { - margin: 0; -} - -#NautilusQueryEditor > menubutton > button { - min-width: 16px; - min-height: 16px; - margin: 4px 0; -} - -#NautilusQueryEditor > text { - margin: 0; -} - -#NautilusPathBar { - background-color: rgba(0, 0, 0, 0.04); - border-radius: 9999px; - margin: 6px 0; -} - -#NautilusPathBar #NautilusPathButton { - margin: 0 3px; - border-radius: 9999px; -} - -#NautilusPathBar #NautilusPathButton.current-dir { - color: rgba(0, 0, 0, 0.87); -} - -#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: #FFFFFF; -} - -#displayitem { - border-top: 1px solid rgba(0, 0, 0, 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(0, 0, 0, 0.1); -} - -leaflet button.number-button:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -leaflet button.number-button:active { - background-color: rgba(0, 0, 0, 0.3); -} - -leaflet button.clear-button.image-button { - border-radius: 6px; -} - -label.primary-label, label.month-name, label.secondary-label { - font-size: 16pt; - font-weight: bold; - padding: 12px; -} - -label.primary-label, label.month-name { - color: #333333; -} - -label.secondary-label { - color: rgba(0, 0, 0, 0.38); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #333333; - font-weight: bold; -} - -calendar-view.header, -label.header { - font-size: 10pt; - font-weight: bold; - color: rgba(0, 0, 0, 0.38); -} - -calendar-view.current, -weekgrid.current { - background-color: alpha(#333333, 0.3); -} - -popover.events { - background-color: #FFFFFF; - padding: 0; -} - -popover.events box { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -popover.events list { - background-color: #FFFFFF; - border-radius: 6px; -} - -popover.events scrolledwindow { - border-width: 0; -} - -popover.events button { - border-radius: 6px; - border-top-left-radius: 0; - border-top-right-radius: 0; - border-style: solid none none; - box-shadow: none; -} - -event { - margin: 1px; - font-size: 0.9rem; -} - -event widget.content { - margin: 4px; -} - -event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { - border-radius: 6px; -} - -event.timed widget.edge { - border-radius: 3px; - min-width: 5px; -} - -event.slanted-start, event.slanted-end:dir(rtl) { - padding-left: 16px; - border-radius: 0 3px 3px 0; -} - -event.slanted-end, event.slanted-start:dir(rtl) { - padding-right: 16px; - border-radius: 3px 0 0 3px; -} - -event:not(.timed).color-dark { - color: white; - outline-color: rgba(0, 0, 0, 0.3); -} - -event.timed, event:not(.timed).color-light { - color: alpha(black, 0.75); - outline-color: rgba(255, 255, 255, 0.5); -} - -popover.event-popover, -popover.event-popover > contents { - padding: 0; -} - -.search-viewport { - background-color: #FFFFFF; -} - -.calendar-list { - background-color: transparent; -} - -.calendar-list > list { - border-radius: 4px; -} - -.sources-button { - margin-top: 0; - margin-bottom: 0; - border-radius: 0; - border-top-style: none; - border-bottom-style: none; -} - -.sources-button:hover:not(:backdrop) { - background-image: none; - text-shadow: none; -} - -.calendar-color-image { - -gtk-icon-filter: none; -} - -image.calendar-color-image, -button:active:not(:backdrop) .calendar-color-image, -button:checked:not(:backdrop) .calendar-color-image, -.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), -.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), -.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { - -gtk-icon-shadow: 0 1px alpha(black, 0.1); -} - -datechooser { - padding: 6px; -} - -datechooser navigator { - margin-right: 6px; - margin-left: 6px; - margin-bottom: 6px; -} - -datechooser navigator label { - font-weight: bold; -} - -datechooser navigator button.flat, datechooser navigator button.image-button { - min-height: 36px; - min-width: 36px; - padding: 0; -} - -datechooser .current-week { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - border-radius: 6px; -} - -datechooser .weeknum, datechooser .weekday { - color: rgba(0, 0, 0, 0.38); - font-size: smaller; -} - -datechooser button.day, datechooser button.day.flat { - font-size: 10pt; - font-weight: normal; - margin: 3px; - padding: 0; - min-height: 36px; - min-width: 36px; - transition: none; -} - -datechooser button.day dot, datechooser button.day.flat dot { - background-color: rgba(0, 0, 0, 0.87); - border-radius: 50%; - min-height: 3px; - min-width: 3px; -} - -datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.flat:selected, datechooser button.day.flat.today:selected { - background-color: #333333; - color: white; - font-weight: bold; -} - -datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.flat:selected dot, datechooser button.day.flat.today:selected dot { - background-color: white; -} - -datechooser button.day.today, datechooser button.day.flat.today { - color: #333333; -} - -datechooser button.day.today dot, datechooser button.day.flat.today dot { - background-color: #333333; -} - -datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.flat.other-month:not(:hover), datechooser button.day.flat.other-month:backdrop { - color: rgba(0, 0, 0, 0.26); -} - -datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.flat.other-month:not(:hover) dot, datechooser button.day.flat.other-month:backdrop dot { - background-color: rgba(0, 0, 0, 0.26); -} - -datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.flat.other-month:hover:not(:backdrop) { - color: rgba(0, 0, 0, 0.38); -} - -datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.flat.other-month:hover:not(:backdrop) dot { - background-color: rgba(0, 0, 0, 0.38); -} - -.week-header { - padding: 0; -} - -.week-header > box:first-child { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.week-header .week-number { - font-size: 16pt; - font-weight: bold; - padding: 12px 12px 18px 12px; - color: rgba(0, 0, 0, 0.26); -} - -.week-header.week-temperature { - font-size: 10pt; - font-weight: bold; - color: rgba(0, 0, 0, 0.38); -} - -.week-header.lines { - color: rgba(0, 0, 0, 0.12); -} - -weekhourbar > label { - font-size: 10pt; - padding: 4px 6px; -} - -.week-view .lines { - color: rgba(0, 0, 0, 0.12); -} - -weekgrid > widget.now-strip { - background-color: alpha(#333333, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#333333, 0.25); -} - -monthcell { - border: solid 1px rgba(0, 0, 0, 0.12); - border-width: 1px 0 0 1px; - background-color: transparent; - transition: background-color 200ms; -} - -monthcell:hover:not(.out-of-month):not(.today) { - background-color: #FAFAFA; - transition: background-color 200ms; - color: rgba(0, 0, 0, 0.87); -} - -monthcell:selected { - background-color: alpha(#333333, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#333333, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#333333, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#333333, 0.3); - color: #333333; -} - -monthcell.today:selected { - background-color: alpha(#333333, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#333333, 0.35); -} - -monthcell.today label.day-label.numeric { - color: white; - background-color: #333333; - border-radius: 9999px; - padding: 0; - min-height: 24px; - min-width: 24px; -} - -monthcell label { - color: rgba(0, 0, 0, 0.87); - font-size: 0.9rem; -} - -monthcell label.day-label { - font-size: 1rem; -} - -monthcell.out-of-month { - background-color: rgba(0, 0, 0, 0.04); -} - -monthcell.out-of-month label { - color: rgba(0, 0, 0, 0.6); -} - -monthcell button { - padding: 0 6px; - border-radius: 0; - border-bottom: none; - border-right: none; -} - -monthpopover > box { - margin: 0; - padding: 0; - background-color: transparent; -} - -.notes-section box > textview { - border-radius: 6px; - padding: 6px; -} - -.notes-section box > textview > text { - background: none; -} - -agenda-view list.background { - background-color: transparent; -} - -agenda-view list > row { - padding: 2px 12px; -} - -agenda-view list > label { - padding: 6px 12px; -} - -label.no-events { - font-style: italic; -} - -searchbutton > popover > arrow { - background: none; - border: none; -} - -menubutton.sources-button { - margin: 0; -} - -menubutton.sources-button > button { - border-radius: 0 0 12px 12px; - margin: 0; -} - -menubutton stack > box { - border-spacing: 6px; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.87); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(ltr) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(rtl) banner > revealer > widget { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl), window:not(.nautilus-window) toastoverlay .sidebar-pane:dir(rtl) banner > revealer > widget, window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr), window:not(.nautilus-window) toastoverlay .sidebar-pane.end:dir(ltr) banner > revealer > widget { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar { - color: rgba(0, 0, 0, 0.6); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar:backdrop { - color: rgba(0, 0, 0, 0.26); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action) { - background-color: transparent; - color: rgba(0, 0, 0, 0.6); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):focus { - box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):hover { - background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); - box-shadow: inset 0 0 0 2px transparent; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):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: rgba(0, 0, 0, 0.87); -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - transition: none; - opacity: 1; - filter: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked { - box-shadow: none; - background-color: #333333; - color: white; - outline: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:hover { - box-shadow: none; -} - -window:not(.nautilus-window) toastoverlay .sidebar-pane headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - opacity: 1; - filter: none; -} - -.content-pane toolbarview.undershoot-top calendar-view scrolledwindow > undershoot.top { - background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: none; -} - -.content-pane toolbarview.undershoot-bottom calendar-view scrolledwindow > undershoot.bottom { - background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.12), 0.75), transparent 8px); - box-shadow: none; -} - -.contacts-contact-list list.navigation-sidebar { - background: none; -} - -flowboxchild.card { - border: none; - box-shadow: none; - padding: 0; - 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(0, 0, 0, 0.12); -} - -carousel.card { - border: none; -} - -.context-tile-lozenge { - min-height: 28px; - min-width: 28px; - padding: 6px; -} - -.context-tile-lozenge.grey { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); -} - -.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { - color: #085731; - background-color: rgba(15, 157, 88, 0.15); -} - -.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { - color: #2196F3; - background-color: rgba(33, 150, 243, 0.15); -} - -.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { - color: #a87c00; - background-color: rgba(244, 180, 0, 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: #98221a; - background-color: rgba(217, 48, 37, 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: white; -} - -.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: white; -} - -.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: white; -} - -.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(0, 0, 0, 0.6); -} - -.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(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 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(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); -} - -.category-tile.category-work:active { - background-color: #fcf4bf; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); -} - -.polari-room-list .sidebar { - background: none; -} - -.polari-room-list .sidebar > row.activatable:selected { - background-color: #333333; - color: white; -} - -.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(0, 0, 0, 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: #FAFAFA; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.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(0, 0, 0, 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: #FFFFFF; -} - -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(0, 0, 0, 0.04); -} - -.style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.26); -} - -.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #333333; -} - -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: #333333; - color: white; - -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg"))); -} - -checkbutton.theme-selector radio:checked:hover { - background-color: #4d4d4d; - color: white; -} - -themeswitcher { - padding: 6px; -} - -themeswitcher .check { - min-height: 16px; - min-width: 16px; - background-color: #333333; - color: white; - 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/check-symbolic@2.svg"))); -} - -themeswitcher .check:hover { - background-color: #4d4d4d; - color: white; -} - -themeswitcher .check:active { - background-color: #333333; - color: white; -} - -themeswitcher checkbutton radio { - padding: 0; - margin: 2px; - min-height: 48px; - min-width: 48px; -} - -themeswitcher checkbutton radio, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:hover { - outline-color: rgba(0, 0, 0, 0.12); - outline-width: 1px; - outline-offset: -1px; - outline-style: solid; - box-shadow: none; -} - -themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, 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, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:active:hover { - box-shadow: inset 0 0 0 2px #333333; -} - -themeswitcher checkbutton.system radio, themeswitcher checkbutton.system radio:hover, themeswitcher checkbutton.system radio:active, themeswitcher checkbutton.system radio:checked, themeswitcher checkbutton.system radio:checked:hover { - background-image: linear-gradient(-45deg, #242424 49.99%, white 50.01%); - background-color: transparent; -} - -themeswitcher checkbutton.light radio, themeswitcher checkbutton.light radio:hover, themeswitcher checkbutton.light radio:active, themeswitcher checkbutton.light radio:checked, themeswitcher checkbutton.light radio:checked:hover { - color: rgba(0, 0, 0, 0.8); - background-color: white; -} - -themeswitcher checkbutton.dark radio, themeswitcher checkbutton.dark radio:hover, themeswitcher checkbutton.dark radio:active, themeswitcher checkbutton.dark radio:checked, themeswitcher checkbutton.dark radio:checked:hover { - color: white; - background-image: image(#242424); - background-color: transparent; -} - -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: white; -} - -avatar.image { - background: none; -} - -.card { - border-radius: 6px; - box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.12); - background-clip: border-box; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); -} - -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(0, 0, 0, 0.04); -} - -preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(0, 0, 0, 0.26); -} - -preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #333333; -} - -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 3px 4px rgba(0, 0, 0, 0.2), 0 12px 14px rgba(0, 0, 0, 0.14), 0 9px 18px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; - color: white; - 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: #333333; - color: white; -} - -viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: white; -} - -viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #333333; -} - -viewswitcher.narrow button.toggle { - border-radius: 0; - margin: 0; - border: none; -} - -headerbar viewswitcher.narrow button.toggle { - border-radius: 0 0 12px 12px; - margin: 0; - min-width: 120px; - padding: 0; - background-color: transparent; -} - -headerbar viewswitcher.narrow button.toggle:checked { - background-color: #333333; - color: white; -} - -headerbar viewswitcher.narrow button.toggle:checked indicator { - background: white; -} - -headerbar viewswitcher.narrow button.toggle:checked indicator > label { - color: #333333; -} - -headerbar viewswitcher.narrow button.toggle:checked:backdrop { - color: rgba(255, 255, 255, 0.5); -} - -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 { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher { - margin-left: 12px; - margin-right: 12px; -} - -viewswitchertitle viewswitcher.narrow { - margin-top: 0; - margin-bottom: 0; -} - -viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { - padding-top: 0; - padding-bottom: 0; - border-spacing: 0; -} - -viewswitchertitle viewswitcher.wide { - margin-top: 6px; - margin-bottom: 6px; -} - -viewswitchertitle windowtitle { - margin-top: 0; - margin-bottom: 0; -} - -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: white; -} - -indicatorbin > mask { - padding: 1px; - background: black; -} - -indicatorbin.needs-attention > indicator { - background-color: #333333; -} - -indicatorbin.needs-attention > indicator > label { - color: white; -} - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general */ -@define-color theme_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color */ -@define-color theme_bg_color #FFFFFF; -/* -text widgets and the like base background color */ -@define-color theme_base_color #FFFFFF; -/* -base background color of selections */ -@define-color theme_selected_bg_color #333333; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color white; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #FFFFFF; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #FAFAFA; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #FFFFFF; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #FFFFFF; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #333333; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; -/* -insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); -/* -widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.12); -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -/* -these are pretty self explicative */ -@define-color warning_color #F4B400; -@define-color error_color #D93025; -@define-color success_color #0F9D58; -/* -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 rgba(0, 0, 0, 0.87); -@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); -@define-color wm_highlight rgba(255, 255, 255, 0); -@define-color wm_bg #FFFFFF; -@define-color wm_unfocused_bg #FFFFFF; -@define-color wm_button_close_icon #FFFFFF; -@define-color wm_button_close_hover_bg #333333; -@define-color wm_button_close_active_bg #1a1a1a; -/* -FIXME this is really an API */ -@define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #666666; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #FFFFFF; -@define-color budgie_tasklist_indicator_color white; -@define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #f9f9f9; -@define-color budgie_tasklist_indicator_color_attention #F4B400; -@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 #333333; -@define-color accent_fg_color white; -@define-color accent_color #333333; -@define-color destructive_bg_color #D93025; -@define-color destructive_fg_color white; -@define-color destructive_color #D93025; -@define-color success_bg_color #0F9D58; -@define-color success_fg_color white; -@define-color success_color #0F9D58; -@define-color warning_bg_color #F4B400; -@define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #F4B400; -@define-color error_bg_color #D93025; -@define-color error_fg_color white; -@define-color error_color #D93025; -@define-color window_bg_color #FFFFFF; -@define-color window_fg_color rgba(0, 0, 0, 0.87); -@define-color view_bg_color #FFFFFF; -@define-color view_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_bg_color #FFFFFF; -@define-color headerbar_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_border_color rgba(0, 0, 0, 0.12); -@define-color headerbar_backdrop_color @window_bg_color; -@define-color headerbar_shade_color rgba(0, 0, 0, 0.07); -@define-color card_bg_color #FFFFFF; -@define-color card_fg_color rgba(0, 0, 0, 0.87); -@define-color card_shade_color rgba(0, 0, 0, 0.07); -@define-color dialog_bg_color #FFFFFF; -@define-color dialog_fg_color rgba(0, 0, 0, 0.87); -@define-color popover_bg_color #FFFFFF; -@define-color popover_fg_color rgba(0, 0, 0, 0.87); -@define-color thumbnail_bg_color #FFFFFF; -@define-color thumbnail_fg_color rgba(0, 0, 0, 0.87); -@define-color shade_color rgba(0, 0, 0, 0.07); -@define-color scrollbar_outline_color white; diff --git a/Graphite-Light/files/Graphite-Light/gtk-4.0/thumbnail.png b/Graphite-Light/files/Graphite-Light/gtk-4.0/thumbnail.png deleted file mode 100644 index cce29c243..000000000 Binary files a/Graphite-Light/files/Graphite-Light/gtk-4.0/thumbnail.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/index.theme b/Graphite-Light/files/Graphite-Light/index.theme deleted file mode 100644 index a9ad6e8bb..000000000 --- a/Graphite-Light/files/Graphite-Light/index.theme +++ /dev/null @@ -1,12 +0,0 @@ -[Desktop Entry] -Type=X-GNOME-Metatheme -Name=Graphite-Light -Comment=An Flat Gtk+ theme based on Elegant Design -Encoding=UTF-8 - -[X-GNOME-Metatheme] -GtkTheme=Graphite-Light -MetacityTheme=Graphite-Light -IconTheme=Tela-circle -CursorTheme=Graphite-cursors -ButtonLayout=close,minimize,maximize:menu diff --git a/Graphite-Light/files/Graphite-Light/metacity-1/assets/button.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/button.svg deleted file mode 100644 index 51c67bf46..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/button.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/close.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/close.svg deleted file mode 100644 index 1fe080592..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/close.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/maximize.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/maximize.svg deleted file mode 100644 index 02d76eb51..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/maximize.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/menu.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/menu.svg deleted file mode 100644 index ad8570add..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/menu.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/minimize.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/minimize.svg deleted file mode 100644 index dc1fa3f58..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/minimize.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/shade.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/shade.svg deleted file mode 100644 index 29aeeae3e..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/shade.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/assets/unmaximize.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/unmaximize.svg deleted file mode 100644 index 910603724..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/unmaximize.svg +++ /dev/null @@ -1,64 +0,0 @@ -<?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/Graphite-Light/files/Graphite-Light/metacity-1/assets/unshade.svg b/Graphite-Light/files/Graphite-Light/metacity-1/assets/unshade.svg deleted file mode 100644 index fa98887f7..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/assets/unshade.svg +++ /dev/null @@ -1,3 +0,0 @@ -<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/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-1.xml b/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-1.xml deleted file mode 120000 index e01e16112..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-1.xml +++ /dev/null @@ -1 +0,0 @@ -metacity-theme-2.xml \ No newline at end of file diff --git a/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-2.xml b/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-2.xml deleted file mode 100644 index 9a52f56d9..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-2.xml +++ /dev/null @@ -1,621 +0,0 @@ -<?xml version="1.0"?> -<metacity_theme> -<info> - <name>Orchis</name> - <author>vinceliucie</author> - <copyright>GPL</copyright> - <date>2020</date> - <description>Orchis Metacity theme</description> -</info> - -<!-- meaningful constants --> - -<constant name="C_titlebar_focused" value="#e0e0e0"/> -<constant name="C_titlebar_unfocused" value="#d6d6d6"/> -<constant name="C_highlight_focused" value="blend/#e0e0e0/#ffffff/0.4"/> -<constant name="C_highlight_unfocused" value="blend/#d6d6d6/#ffffff/0.4"/> -<constant name="C_title_focused" value="blend/#e0e0e0/#000000/0.87"/> -<constant name="C_title_unfocused" value="blend/#d6d6d6/#000000/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/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-3.xml b/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-3.xml deleted file mode 100644 index d7b32c738..000000000 --- a/Graphite-Light/files/Graphite-Light/metacity-1/metacity-theme-3.xml +++ /dev/null @@ -1,655 +0,0 @@ -<?xml version="1.0"?> -<metacity_theme> -<info> - <name>Orchis</name> - <author>vinceliucie</author> - <copyright>GPL</copyright> - <date>2021</date> - <description>Graphite 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/Graphite-Light/files/Graphite-Light/metacity-1/thumbnail.png b/Graphite-Light/files/Graphite-Light/metacity-1/thumbnail.png deleted file mode 100644 index 080e3b1e7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/metacity-1/thumbnail.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/plank/dock.theme b/Graphite-Light/files/Graphite-Light/plank/dock.theme deleted file mode 100644 index c24eb46e4..000000000 --- a/Graphite-Light/files/Graphite-Light/plank/dock.theme +++ /dev/null @@ -1,64 +0,0 @@ -#This file based on: -#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme - -[PlankTheme] -#The roundness of the top corners. -TopRoundness=12 -#The roundness of the bottom corners. -BottomRoundness=0 -#The thickness (in pixels) of lines drawn. -LineWidth=0 -#The color (RGBA) of the outer stroke. -OuterStrokeColor=0;;0;;0;;0 -#The starting color (RGBA) of the fill gradient. -FillStartColor=242;;242;;242;;255 -#The ending color (RGBA) of the fill gradient. -FillEndColor=242;;242;;242;;255 -#The color (RGBA) of the inner stroke. -InnerStrokeColor=0;;0;;0;;0 - -[PlankDockTheme] -#The padding on the left/right dock edges, in tenths of a percent of IconSize. -HorizPadding=1 -#The padding on the top dock edge, in tenths of a percent of IconSize. -TopPadding=2 -#The padding on the bottom dock edge, in tenths of a percent of IconSize. -BottomPadding=1 -#The padding between items on the dock, in tenths of a percent of IconSize. -ItemPadding=2 -#The size of item indicators, in tenths of a percent of IconSize. -IndicatorSize=5 -#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. -IconShadowSize=0 -#The height (in percent of IconSize) to bounce an icon when the application sets urgent. -UrgentBounceHeight=1.6666666666666667 -#The height (in percent of IconSize) to bounce an icon when launching an application. -LaunchBounceHeight=0.625 -#The opacity value (0 to 1) to fade the dock to when hiding it. -FadeOpacity=1 -#The amount of time (in ms) for click animations. -ClickTime=0 -#The amount of time (in ms) to bounce an urgent icon. -UrgentBounceTime=600 -#The amount of time (in ms) to bounce an icon when launching an application. -LaunchBounceTime=600 -#The amount of time (in ms) for active window indicator animations. -ActiveTime=150 -#The amount of time (in ms) to slide icons into/out of the dock. -SlideTime=300 -#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). -FadeTime=250 -#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). -HideTime=250 -#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. -GlowSize=30 -#The total time (in ms) to show the hidden-dock urgent glow. -GlowTime=10000 -#The time (in ms) of each pulse of the hidden-dock urgent glow. -GlowPulseTime=2000 -#The hue-shift (-180 to 180) of the urgent indicator color. -UrgentHueShift=150 -#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. -ItemMoveTime=450 -#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. -CascadeHide=true diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-active.png deleted file mode 100644 index 3df527a62..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-inactive.png deleted file mode 100644 index 3df527a62..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-active.png deleted file mode 100644 index 59107d8f9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-inactive.png deleted file mode 100644 index 59107d8f9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-left-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-active.png deleted file mode 100644 index 8a18786e3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-inactive.png deleted file mode 100644 index 8a18786e3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/bottom-right-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/close-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/close-active.png deleted file mode 100644 index dc04bf62a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/close-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/close-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/close-inactive.png deleted file mode 100644 index d0290a3fa..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/close-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/close-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/close-prelight.png deleted file mode 100644 index d1338d61f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/close-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/close-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/close-pressed.png deleted file mode 100644 index d1338d61f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/close-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/hide-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/hide-active.png deleted file mode 100644 index 5a4c1a673..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/hide-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/hide-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/hide-inactive.png deleted file mode 100644 index 732730c59..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/hide-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/hide-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/hide-prelight.png deleted file mode 100644 index bae2b82b1..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/hide-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/hide-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/hide-pressed.png deleted file mode 100644 index bc053cc6b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/hide-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/left-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/left-active.png deleted file mode 100644 index 87ad8ceff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/left-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/left-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/left-inactive.png deleted file mode 100644 index 87ad8ceff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/left-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-active.png deleted file mode 100644 index 7d35a373c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-inactive.png deleted file mode 100644 index c3f60d778..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-prelight.png deleted file mode 100644 index 8c81e9d37..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-pressed.png deleted file mode 100644 index 35426ab93..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-active.png deleted file mode 100644 index efac75624..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-inactive.png deleted file mode 100644 index 6cb14453c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-prelight.png deleted file mode 100644 index dce58bb36..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-pressed.png deleted file mode 100644 index 8673bd3d7..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/maximize-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/menu-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/menu-active.png deleted file mode 100644 index 4d9220bb3..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/menu-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/menu-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/menu-inactive.png deleted file mode 100644 index 8912fb7e8..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/menu-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/menu-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/menu-prelight.png deleted file mode 100644 index a874bc54a..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/menu-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/menu-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/menu-pressed.png deleted file mode 100644 index 8652437dd..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/menu-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/right-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/right-active.png deleted file mode 100644 index 87ad8ceff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/right-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/right-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/right-inactive.png deleted file mode 100644 index 87ad8ceff..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/right-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-active.png deleted file mode 100644 index 7ca1e016f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-inactive.png deleted file mode 100644 index c0ecc01da..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-prelight.png deleted file mode 100644 index f621b0a3c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-pressed.png deleted file mode 100644 index 5d414ce0c..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-active.png deleted file mode 100644 index 821b956ad..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-inactive.png deleted file mode 100644 index 592a11ed0..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-prelight.png deleted file mode 100644 index dbe44d502..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-pressed.png deleted file mode 100644 index ed889869b..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/shade-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-active.png deleted file mode 100644 index 82e453529..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-inactive.png deleted file mode 100644 index 4864bbdbb..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-prelight.png deleted file mode 100644 index 9ca5e6d8f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-pressed.png deleted file mode 100644 index 97330d9e9..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-active.png deleted file mode 100644 index b55a44b5f..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-inactive.png deleted file mode 100644 index cbd406674..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-prelight.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-prelight.png deleted file mode 100644 index 13e7de032..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-prelight.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-pressed.png b/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-pressed.png deleted file mode 100644 index 1476934a0..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/stick-toggled-pressed.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/themerc b/Graphite-Light/files/Graphite-Light/xfwm4/themerc deleted file mode 100644 index 75954d69c..000000000 --- a/Graphite-Light/files/Graphite-Light/xfwm4/themerc +++ /dev/null @@ -1,23 +0,0 @@ -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=#707070 -active_text_shadow_color=#e7e7e7 - -inactive_text_color=#979797 -inactive_text_shadow_color=#e7e7e7 - -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-5 -shadow_opacity=40 diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-1-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-1-active.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-1-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-1-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-1-inactive.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-1-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-2-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-2-active.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-2-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-2-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-2-inactive.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-2-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-3-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-3-active.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-3-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-3-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-3-inactive.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-3-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-4-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-4-active.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-4-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-4-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-4-inactive.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-4-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-5-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-5-active.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-5-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/title-5-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/title-5-inactive.png deleted file mode 100644 index 9892d411d..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/title-5-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/top-left-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/top-left-active.png deleted file mode 100644 index 8dc6c3030..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/top-left-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/top-left-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/top-left-inactive.png deleted file mode 100644 index 8dc6c3030..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/top-left-inactive.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/top-right-active.png b/Graphite-Light/files/Graphite-Light/xfwm4/top-right-active.png deleted file mode 100644 index 8c0605978..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/top-right-active.png and /dev/null differ diff --git a/Graphite-Light/files/Graphite-Light/xfwm4/top-right-inactive.png b/Graphite-Light/files/Graphite-Light/xfwm4/top-right-inactive.png deleted file mode 100644 index 8c0605978..000000000 Binary files a/Graphite-Light/files/Graphite-Light/xfwm4/top-right-inactive.png and /dev/null differ diff --git a/Graphite-Light/info.json b/Graphite-Light/info.json deleted file mode 100644 index 118ce379c..000000000 --- a/Graphite-Light/info.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "author": "fredcw", - "name": "Graphite-Light", - "description": "Graphite gtk theme.", - "license": "GPLv3" -} diff --git a/Graphite-Light/screenshot.png b/Graphite-Light/screenshot.png deleted file mode 100644 index f65c40941..000000000 Binary files a/Graphite-Light/screenshot.png and /dev/null differ