commit d4796a61bd5f7bb3f4a64c2be8d41f1aafdef6da Author: vinceliuice Date: Wed Jul 15 00:35:03 2020 +0800 Upload diff --git a/AUTHORS b/AUTHORS new file mode 100644 index 0000000..0ca11db --- /dev/null +++ b/AUTHORS @@ -0,0 +1,6 @@ +------------------------ WhiteSur GTK THEME ------------------------ + +CUSTOMIZER: +Vince Liuice - WhiteSur Gtk Theme (https://github.com/vinceliuice/WhiteSur-gtk-theme) + +------------------------ WhiteSur GTK THEME ------------------------ diff --git a/COPYING b/COPYING new file mode 100644 index 0000000..d159169 --- /dev/null +++ b/COPYING @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + 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 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + , 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/HACKING b/HACKING new file mode 100644 index 0000000..915e2d3 --- /dev/null +++ b/HACKING @@ -0,0 +1,33 @@ +Summary +------- + +* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `./parse-sass.sh` when you have the required software installed, as described below) +* To be able to use the latest/adequate version of sass, install sassc. + +How to tweak the theme +---------------------- + +Adwaita is a complex theme, so to keep it maintainable it's written and processed in SASS. The +generated CSS is then transformed into a gresource file during gtk build and used at runtime in a +non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived form a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the +_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..9cecc1d --- /dev/null +++ b/LICENSE @@ -0,0 +1,674 @@ + 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. + + {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 . + +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: + + {project} Copyright (C) {year} {fullname} + 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/README.md b/README.md new file mode 100644 index 0000000..06aacdd --- /dev/null +++ b/README.md @@ -0,0 +1,93 @@ +Logo WhiteSur Gtk Theme +====== + +WhiteSur is a MacOS Big Sur like theme for GTK 3, GTK 2 and Gnome-Shell which supports GTK 3 and GTK 2 based desktop environments like Gnome, Pantheon, XFCE, Mate, etc. + +## Info + +### GTK+ 3.20 or later + +### GTK2 engines requirment +- GTK2 engine Murrine 0.98.1.1 or later. +- GTK2 pixbuf engine or the gtk(2)-engines package. + +Fedora/RedHat distros: + + dnf install gtk-murrine-engine gtk2-engines + +Ubuntu/Mint/Debian distros: + + sudo apt install gtk2-engines-murrine gtk2-engines-pixbuf + +ArchLinux: + + pacman -S gtk-engine-murrine gtk-engines + + +### Installation Depends requirment +- sassc. +- optipng. +- inkscape. +- libglib2.0-dev. `ubuntu 18.04` `debian 10.03` `linux mint 19` +- libxml2-utils. `ubuntu 18.04` `debian 10.03` `linux mint 19` + +Fedora/RedHat distros: + + dnf install sassc optipng inkscape + +Ubuntu/Mint/Debian distros: + + sudo apt install sassc optipng inkscape + +Debian 10: + + sudo apt install sassc optipng inkscape libcanberra-gtk-module libglib2.0-dev libxml2-utils + +ArchLinux: + + pacman -S sassc optipng inkscape + +Other: +Search for the depends in your distributions repository or install the depends from source. + +## Installation + +### From source + +After depends all installed you can Run + + ./install.sh + +#### Install tips + +Usage: `./Install` **[OPTIONS...]** + +| OPTIONS: | | +|:--------------------|:-------------| +|-d, --dest | Specify theme destination directory (Default: $HOME/.themes)| +|-n, --name | Specify theme name (Default: WhiteSur)| +|-c, --color | Specify theme color variant(s) **[light/dark]** (Default: All variants)| +|-o, --opacity | Specify theme opacity variant(s) **[standard/solid]** (Default: All variants)| +|-a, --alt | Specify titlebutton variant(s) **[standard/alt]** (Default: All variants)| +|-s, --small | Specify titlebutton size variant(s) **[standard/small]** (Default: standard variants)| +|-i, --icon | activities icon variant(s) **[standard/normal/gnome/ubuntu/arch/manjaro/fedora/debian/void]** (Default: standard variant)| +|-g, --gdm | Install GDM theme, you should run this with sudo!| +|-r, --revert | revert GDM theme, you should run this with sudo!| +|-h, --help | Show this help| + +### Kde theme +[WhiteSur-kde](https://github.com/vinceliuice/WhiteSur-kde) + +### Icon theme +[McMojave-circle](https://github.com/vinceliuice/McMojave-circle) + +### Wallpaper +[WhiteSur default wallpapers](https://github.com/vinceliuice/Mojave-gtk-theme/blob/images/macOS_Mojave_Wallpapers.tar.xz) + +### Firefox theme +[Intall Firefox theme](src/other/firefox) + +## Preview + +![gtk](preview-gtk.png) +![shell](preview-shell.png) diff --git a/install.sh b/install.sh new file mode 100755 index 0000000..26ad222 --- /dev/null +++ b/install.sh @@ -0,0 +1,382 @@ +#!/bin/bash +set -ueo pipefail +#set -x + +REPO_DIR=$(cd $(dirname $0) && pwd) +SRC_DIR=${REPO_DIR}/src + +ROOT_UID=0 +DEST_DIR= + +# Destination directory +if [ "$UID" -eq "$ROOT_UID" ]; then + DEST_DIR="/usr/share/themes" +else + DEST_DIR="$HOME/.themes" +fi + +THEME_NAME=WhiteSur +COLOR_VARIANTS=('-light' '-dark') +OPACITY_VARIANTS=('' '-solid') +ALT_VARIANTS=('' '-alt') +ICON_VARIANTS=('' '-normal' '-gnome' '-ubuntu' '-arch' '-manjaro' '-fedora' '-debian' '-void') + +usage() { + printf "%s\n" "Usage: $0 [OPTIONS...]" + printf "\n%s\n" "OPTIONS:" + printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" + printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" + printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" + printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" + printf " %-25s%s\n" "-a, --alt VARIANTS" "Specify theme titilebutton variant(s) [standard|alt] (Default: All variants)" + printf " %-25s%s\n" "-s, --small VARIANTS" "Specify titilebutton size variant(s) [standard|small] (Default: standard variant)" + printf " %-25s%s\n" "-i, --icon VARIANTS" "Specify activities icon variant(s) for gnome-shell [standard|normal|gnome|ubuntu|arch|manjaro|fedora|debian|void] (Default: standard variant)" + printf " %-25s%s\n" "-g, --gdm" "Install GDM theme, this option need root user authority! please run this with sudo" + printf " %-25s%s\n" "-r, --revert" "revert GDM theme, this option need root user authority! please run this with sudo" + printf " %-25s%s\n" "-h, --help" "Show this help" +} + +install() { + local dest=${1} + local name=${2} + local color=${3} + local opacity=${4} + local alt=${5} + local icon=${6} + + [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} + [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} + + local THEME_DIR=${1}/${2}${3}${4}${5} + + [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} + + echo "Installing '${THEME_DIR}'..." + + mkdir -p ${THEME_DIR} + cp -ur ${REPO_DIR}/COPYING ${THEME_DIR} + + echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme + echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme + echo "Name=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme + echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme + echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme + echo "" >> ${THEME_DIR}/index.theme + echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme + echo "GtkTheme=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme + echo "MetacityTheme=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme + echo "IconTheme=McMojave-circle" >> ${THEME_DIR}/index.theme + echo "CursorTheme=McMojave-circle" >> ${THEME_DIR}/index.theme + echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme + + mkdir -p ${THEME_DIR}/gnome-shell + cp -ur ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}.css ${THEME_DIR}/gnome-shell/gnome-shell.css + cp -ur ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets + cp -ur ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets + cp -ur ${SRC_DIR}/assets/gnome-shell/assets${color}/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg + cd ${THEME_DIR}/gnome-shell + ln -s assets/no-events.svg no-events.svg + ln -s assets/process-working.svg process-working.svg + ln -s assets/no-notifications.svg no-notifications.svg + + mkdir -p ${THEME_DIR}/gtk-2.0 + cp -ur ${SRC_DIR}/main/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc + cp -ur ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc + cp -ur ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 + cp -ur ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets + + mkdir -p ${THEME_DIR}/gtk-3.0 + cp -ur ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 + cp -ur ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt} ${THEME_DIR}/gtk-3.0/windows-assets + cp -ur ${SRC_DIR}/assets/gtk-3.0/thumbnail${color}.png ${THEME_DIR}/gtk-3.0/thumbnail.png + cp -ur ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css + + if [[ ${color} == '-light' ]]; then + cp -ur ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + else + cp -ur ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + fi + + glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml + rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} + echo '@import url("resource:///org/gnome/Mcata-theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css + echo '@import url("resource:///org/gnome/Mcata-theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css + + mkdir -p ${THEME_DIR}/metacity-1 + cp -ur ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml + cp -ur ${SRC_DIR}/main/metacity-1/metacity-theme-3.xml ${THEME_DIR}/metacity-1 + cp -ur ${SRC_DIR}/assets/metacity-1/assets/*.png ${THEME_DIR}/metacity-1 + cp -ur ${SRC_DIR}/assets/metacity-1/thumbnail${color}.png ${THEME_DIR}/metacity-1/thumbnail.png + cd ${THEME_DIR}/metacity-1 && ln -s metacity-theme-1.xml metacity-theme-2.xml + + mkdir -p ${THEME_DIR}/xfwm4 + cp -ur ${SRC_DIR}/assets/xfwm4/assets${color}/*.png ${THEME_DIR}/xfwm4 + cp -ur ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc + + mkdir -p ${THEME_DIR}/cinnamon + cp -ur ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}.css ${THEME_DIR}/cinnamon/cinnamon.css + cp -ur ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets + cp -ur ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets + cp -ur ${SRC_DIR}/assets/cinnamon/thumbnail${color}.png ${THEME_DIR}/cinnamon/thumbnail.png + + mkdir -p ${THEME_DIR}/plank + cp -ur ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank +} + +# Backup and install files related to GDM theme + +GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" +SHELL_THEME_FOLDER="/usr/share/gnome-shell/theme" +ETC_THEME_FOLDER="/etc/alternatives" +ETC_THEME_FILE="/etc/alternatives/gdm3.css" +UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" +UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" + +install_gdm() { + local GDM_THEME_DIR="${1}/${2}${3}" + + echo + echo "Installing ${2}${3} gdm theme..." + + if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null ; then + echo "Installing '$GS_THEME_FILE'..." + cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" + glib-compile-resources \ + --sourcedir="$GDM_THEME_DIR/gnome-shell" \ + --target="$GS_THEME_FILE" \ + "${SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" + fi + + if [[ -f "$UBUNTU_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then + echo "Installing '$UBUNTU_THEME_FILE'..." + cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" + # rm -rf "$GS_THEME_FILE" + # mv "$GS_THEME_FILE.bak" "$GS_THEME_FILE" + cp -af "$GDM_THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" + fi + + if [[ -f "$UBUNTU_NEW_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then + echo "Installing '$UBUNTU_NEW_THEME_FILE'..." + cp -an "$UBUNTU_NEW_THEME_FILE" "$UBUNTU_NEW_THEME_FILE.bak" + cp -af "$GDM_THEME_DIR"/gnome-shell/* "$SHELL_THEME_FOLDER" + fi + + if [[ -f "$ETC_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then + echo "Installing Ubuntu gnome-shell theme..." + cp -an "$ETC_THEME_FILE" "$ETC_THEME_FILE.bak" + # rm -rf "$ETC_THEME_FILE" "$GS_THEME_FILE" + # mv "$GS_THEME_FILE.bak" "$GS_THEME_FILE" + [[ -d $SHELL_THEME_FOLDER/$THEME_NAME ]] && rm -rf $SHELL_THEME_FOLDER/$THEME_NAME + cp -ur "$GDM_THEME_DIR/gnome-shell" "$SHELL_THEME_FOLDER/$THEME_NAME" + cd "$ETC_THEME_FOLDER" + ln -s "$SHELL_THEME_FOLDER/$THEME_NAME/gnome-shell.css" gdm3.css + fi +} + +revert_gdm() { + if [[ -f "$GS_THEME_FILE.bak" ]]; then + echo "reverting '$GS_THEME_FILE'..." + rm -rf "$GS_THEME_FILE" + mv "$GS_THEME_FILE.bak" "$GS_THEME_FILE" + fi + + if [[ -f "$UBUNTU_THEME_FILE.bak" ]]; then + echo "reverting '$UBUNTU_THEME_FILE'..." + rm -rf "$UBUNTU_THEME_FILE" + mv "$UBUNTU_THEME_FILE.bak" "$UBUNTU_THEME_FILE" + fi + + if [[ -f "$UBUNTU_NEW_THEME_FILE.bak" ]]; then + echo "reverting '$UBUNTU_NEW_THEME_FILE'..." + rm -rf "$UBUNTU_NEW_THEME_FILE" "$SHELL_THEME_FOLDER"/{assets,no-events.svg,process-working.svg,no-notifications.svg} + mv "$UBUNTU_NEW_THEME_FILE.bak" "$UBUNTU_NEW_THEME_FILE" + fi + + if [[ -f "$ETC_THEME_FILE.bak" ]]; then + echo "reverting Ubuntu gnome-shell theme..." + rm -rf "$ETC_THEME_FILE" + mv "$ETC_THEME_FILE.bak" "$ETC_THEME_FILE" + [[ -d $SHELL_THEME_FOLDER/$THEME_NAME ]] && rm -rf $SHELL_THEME_FOLDER/$THEME_NAME + fi +} + +while [[ $# -gt 0 ]]; do + case "${1}" in + -d|--dest) + dest="${2}" + if [[ ! -d "${dest}" ]]; then + echo "Destination directory does not exist. Let's make a new one..." + mkdir -p ${dest} + fi + shift 2 + ;; + -n|--name) + name="${2}" + shift 2 + ;; + -g|--gdm) + gdm='true' + shift 1 + ;; + -r|--revert) + revert='true' + shift 1 + ;; + -a|--alt) + shift + for alt in "${@}"; do + case "${alt}" in + standard) + alts+=("${ALT_VARIANTS[0]}") + shift + ;; + alt) + alts+=("${ALT_VARIANTS[1]}") + shift + ;; + -*|--*) + break + ;; + *) + echo "ERROR: Unrecognized opacity variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -o|--opacity) + shift + for opacity in "${@}"; do + case "${opacity}" in + standard) + opacities+=("${OPACITY_VARIANTS[0]}") + shift + ;; + solid) + opacities+=("${OPACITY_VARIANTS[1]}") + shift + ;; + -*|--*) + break + ;; + *) + echo "ERROR: Unrecognized opacity variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -c|--color) + shift + for color in "${@}"; do + case "${color}" in + light) + colors+=("${COLOR_VARIANTS[0]}") + shift + ;; + dark) + colors+=("${COLOR_VARIANTS[1]}") + shift + ;; + -*|--*) + break + ;; + *) + echo "ERROR: Unrecognized color variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -i|--icon) + shift + for icon in "${@}"; do + case "${icon}" in + standard) + icons+=("${ICON_VARIANTS[0]}") + shift + ;; + normal) + icons+=("${ICON_VARIANTS[1]}") + shift + ;; + gnome) + icons+=("${ICON_VARIANTS[2]}") + shift + ;; + ubuntu) + icons+=("${ICON_VARIANTS[3]}") + shift + ;; + arch) + icons+=("${ICON_VARIANTS[4]}") + shift + ;; + manjaro) + icons+=("${ICON_VARIANTS[5]}") + shift + ;; + fedora) + icons+=("${ICON_VARIANTS[6]}") + shift + ;; + debian) + icons+=("${ICON_VARIANTS[7]}") + shift + ;; + void) + icons+=("${ICON_VARIANTS[8]}") + shift + ;; + -*|--*) + break + ;; + *) + echo "ERROR: Unrecognized icon variant '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac + done + ;; + -h|--help) + usage + exit 0 + ;; + *) + echo "ERROR: Unrecognized installation option '$1'." + echo "Try '$0 --help' for more information." + exit 1 + ;; + esac +done + +install_theme() { +for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do + for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do + for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do + for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do + install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${icon}" + done + done + done +done +} + +if [[ "${gdm:-}" != 'true' && "${revert:-}" != 'true' ]]; then + install_theme +fi + +if [[ "${gdm:-}" == 'true' && "${revert:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then + install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" +fi + +if [[ "${gdm:-}" != 'true' && "${revert:-}" == 'true' && "$UID" -eq "$ROOT_UID" ]]; then + revert_gdm +fi + +echo +echo Done. diff --git a/parse-sass.sh b/parse-sass.sh new file mode 100755 index 0000000..41e8e79 --- /dev/null +++ b/parse-sass.sh @@ -0,0 +1,39 @@ +#! /bin/bash + +if [ ! "$(which sassc 2> /dev/null)" ]; then + echo sassc needs to be installed to generate the css. + if has_command zypper; then + sudo zypper in sassc + elif has_command apt; then + sudo apt install sassc + elif has_command dnf; then + sudo dnf install -y sassc + elif has_command yum; then + sudo yum install sassc + elif has_command pacman; then + sudo pacman -S --noconfirm sassc + fi +fi + +SASSC_OPT="-M -t expanded" + +_COLOR_VARIANTS=('-light' '-dark') +if [ ! -z "${COLOR_VARIANTS:-}" ]; then + IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" +fi + +_TRANS_VARIANTS=('' '-solid') +if [ ! -z "${TRANS_VARIANTS:-}" ]; then + IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" +fi + +for color in "${_COLOR_VARIANTS[@]}"; do + for trans in "${_TRANS_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}.{scss,css} + echo "==> Generating the gtk${color}${trans}.css..." + sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}.{scss,css} + echo "==> Generating the gnome-shell${color}${trans}.css..." + sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}.{scss,css} + echo "==> Generating the cinnamon${color}${trans}.css..." + done +done diff --git a/preview-gtk.png b/preview-gtk.png new file mode 100644 index 0000000..c72e8d7 Binary files /dev/null and b/preview-gtk.png differ diff --git a/preview-shell.png b/preview-shell.png new file mode 100644 index 0000000..88a287c Binary files /dev/null and b/preview-shell.png differ diff --git a/render-assets.sh b/render-assets.sh new file mode 100755 index 0000000..2d6a611 --- /dev/null +++ b/render-assets.sh @@ -0,0 +1,67 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +REPO_DIR=$(cd $(dirname $0) && pwd) +ASRC_DIR=${REPO_DIR}/src/assets + +# check command avalibility +has_command() { + "$1" -v $1 > /dev/null 2>&1 +} + +if [ ! "$(which inkscape 2> /dev/null)" ]; then + echo inkscape and optipng needs to be installed to generate the assets. + if has_command zypper; then + sudo zypper in inkscape optipng + elif has_command apt; then + sudo apt install inkscape optipng + elif has_command dnf; then + sudo dnf install -y inkscape optipng + elif has_command yum; then + sudo yum install inkscape optipng + elif has_command pacman; then + sudo pacman -S --noconfirm inkscape optipng + fi +fi + +render_thumbnail() { + local dest=$1 + local color=$2 + + if [ -f $ASRC_DIR/$1/thumbnail$2.png ]; then + echo $ASRC_DIR/$1/thumbnail$2.png exists. + else + echo + echo Rendering $ASRC_DIR/$1/thumbnail$2.png + $INKSCAPE --export-id=thumbnail$2 \ + --export-id-only \ + --export-type=png $ASRC_DIR/$1/thumbnail$2.png $ASRC_DIR/$1/thumbnail.svg >/dev/null \ + || $INKSCAPE --export-id=thumbnail$2 \ + --export-id-only \ + --export-png=$ASRC_DIR/$1/thumbnail$2.png $ASRC_DIR/$1/thumbnail.svg >/dev/null \ + && $OPTIPNG -o7 --quiet $ASRC_DIR/$1/thumbnail$2.png + fi +} + +for color in '-light' '-dark' ; do + render_thumbnail "${dest:-cinnamon}" "${color}" + render_thumbnail "${dest:-gtk-3.0}" "${color}" + render_thumbnail "${dest:-metacity-1}" "${color}" +done + +echo Rendering gtk-2.0 assets +cd $ASRC_DIR/gtk-2.0 && ./render-assets.sh + +echo Rendering gtk-3.0 assets +cd $ASRC_DIR/gtk-3.0/common-assets && ./render-assets.sh +cd $ASRC_DIR/gtk-3.0/windows-assets && ./render-assets.sh && ./render-alt-assets.sh + +echo Rendering metacity-1 assets +cd $ASRC_DIR/metacity-1 && ./render-assets.sh + +echo Rendering xfwm4 assets +cd $ASRC_DIR/xfwm4 && ./render-assets.sh + +exit 0 diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg b/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg new file mode 100644 index 0000000..dcf8298 --- /dev/null +++ b/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg b/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg new file mode 100644 index 0000000..ed66559 --- /dev/null +++ b/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/checkbox-off.svg b/src/assets/cinnamon/assets-dark/checkbox-off.svg new file mode 100644 index 0000000..35ba02c --- /dev/null +++ b/src/assets/cinnamon/assets-dark/checkbox-off.svg @@ -0,0 +1,156 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/checkbox.svg b/src/assets/cinnamon/assets-dark/checkbox.svg new file mode 100644 index 0000000..531493f --- /dev/null +++ b/src/assets/cinnamon/assets-dark/checkbox.svg @@ -0,0 +1,231 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/menu-solid.svg b/src/assets/cinnamon/assets-dark/menu-solid.svg new file mode 100644 index 0000000..a3ce1d0 --- /dev/null +++ b/src/assets/cinnamon/assets-dark/menu-solid.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/menu.svg b/src/assets/cinnamon/assets-dark/menu.svg new file mode 100644 index 0000000..6b0671a --- /dev/null +++ b/src/assets/cinnamon/assets-dark/menu.svg @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/radiobutton-off.svg b/src/assets/cinnamon/assets-dark/radiobutton-off.svg new file mode 100644 index 0000000..f8ac12f --- /dev/null +++ b/src/assets/cinnamon/assets-dark/radiobutton-off.svg @@ -0,0 +1,152 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/radiobutton.svg b/src/assets/cinnamon/assets-dark/radiobutton.svg new file mode 100644 index 0000000..1b1306d --- /dev/null +++ b/src/assets/cinnamon/assets-dark/radiobutton.svg @@ -0,0 +1,216 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/submenu.svg b/src/assets/cinnamon/assets-dark/submenu.svg new file mode 100644 index 0000000..e1e34e3 --- /dev/null +++ b/src/assets/cinnamon/assets-dark/submenu.svg @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-dark/trash-icon.svg b/src/assets/cinnamon/assets-dark/trash-icon.svg new file mode 100644 index 0000000..7e8713f --- /dev/null +++ b/src/assets/cinnamon/assets-dark/trash-icon.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/calendar-arrow-left.svg b/src/assets/cinnamon/assets-light/calendar-arrow-left.svg new file mode 100644 index 0000000..738a3f2 --- /dev/null +++ b/src/assets/cinnamon/assets-light/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/cinnamon/assets-light/calendar-arrow-right.svg b/src/assets/cinnamon/assets-light/calendar-arrow-right.svg new file mode 100644 index 0000000..acb514b --- /dev/null +++ b/src/assets/cinnamon/assets-light/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/cinnamon/assets-light/checkbox-off.svg b/src/assets/cinnamon/assets-light/checkbox-off.svg new file mode 100644 index 0000000..97c870d --- /dev/null +++ b/src/assets/cinnamon/assets-light/checkbox-off.svg @@ -0,0 +1,147 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/checkbox.svg b/src/assets/cinnamon/assets-light/checkbox.svg new file mode 100644 index 0000000..531493f --- /dev/null +++ b/src/assets/cinnamon/assets-light/checkbox.svg @@ -0,0 +1,231 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/menu-solid.svg b/src/assets/cinnamon/assets-light/menu-solid.svg new file mode 100644 index 0000000..4ea7dff --- /dev/null +++ b/src/assets/cinnamon/assets-light/menu-solid.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/menu.svg b/src/assets/cinnamon/assets-light/menu.svg new file mode 100644 index 0000000..f195a29 --- /dev/null +++ b/src/assets/cinnamon/assets-light/menu.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/radiobutton-off.svg b/src/assets/cinnamon/assets-light/radiobutton-off.svg new file mode 100644 index 0000000..405d6c0 --- /dev/null +++ b/src/assets/cinnamon/assets-light/radiobutton-off.svg @@ -0,0 +1,143 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/radiobutton.svg b/src/assets/cinnamon/assets-light/radiobutton.svg new file mode 100644 index 0000000..1b1306d --- /dev/null +++ b/src/assets/cinnamon/assets-light/radiobutton.svg @@ -0,0 +1,216 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/submenu.svg b/src/assets/cinnamon/assets-light/submenu.svg new file mode 100644 index 0000000..59d4609 --- /dev/null +++ b/src/assets/cinnamon/assets-light/submenu.svg @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/assets-light/trash-icon.svg b/src/assets/cinnamon/assets-light/trash-icon.svg new file mode 100644 index 0000000..832dddd --- /dev/null +++ b/src/assets/cinnamon/assets-light/trash-icon.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/add-workspace-active.svg b/src/assets/cinnamon/common-assets/add-workspace-active.svg new file mode 100644 index 0000000..4ce6321 --- /dev/null +++ b/src/assets/cinnamon/common-assets/add-workspace-active.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/add-workspace-hover.svg b/src/assets/cinnamon/common-assets/add-workspace-hover.svg new file mode 100644 index 0000000..8a1d351 --- /dev/null +++ b/src/assets/cinnamon/common-assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/add-workspace.svg b/src/assets/cinnamon/common-assets/add-workspace.svg new file mode 100644 index 0000000..8dba5df --- /dev/null +++ b/src/assets/cinnamon/common-assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/close-active.svg b/src/assets/cinnamon/common-assets/close-active.svg new file mode 100644 index 0000000..a31d8f7 --- /dev/null +++ b/src/assets/cinnamon/common-assets/close-active.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/cinnamon/common-assets/close-hover.svg b/src/assets/cinnamon/common-assets/close-hover.svg new file mode 100644 index 0000000..1211884 --- /dev/null +++ b/src/assets/cinnamon/common-assets/close-hover.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/cinnamon/common-assets/close.svg b/src/assets/cinnamon/common-assets/close.svg new file mode 100644 index 0000000..3694958 --- /dev/null +++ b/src/assets/cinnamon/common-assets/close.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/cinnamon/common-assets/corner-ripple.svg b/src/assets/cinnamon/common-assets/corner-ripple.svg new file mode 100644 index 0000000..ceeded6 --- /dev/null +++ b/src/assets/cinnamon/common-assets/corner-ripple.svg @@ -0,0 +1,89 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/menu-hover.svg b/src/assets/cinnamon/common-assets/menu-hover.svg new file mode 100644 index 0000000..7e54340 --- /dev/null +++ b/src/assets/cinnamon/common-assets/menu-hover.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/toggle-off.svg b/src/assets/cinnamon/common-assets/toggle-off.svg new file mode 100644 index 0000000..61b532e --- /dev/null +++ b/src/assets/cinnamon/common-assets/toggle-off.svg @@ -0,0 +1,88 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/toggle-on.svg b/src/assets/cinnamon/common-assets/toggle-on.svg new file mode 100644 index 0000000..f948aa3 --- /dev/null +++ b/src/assets/cinnamon/common-assets/toggle-on.svg @@ -0,0 +1,153 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/thumbnail-dark.png b/src/assets/cinnamon/thumbnail-dark.png new file mode 100644 index 0000000..cb8aea0 Binary files /dev/null and b/src/assets/cinnamon/thumbnail-dark.png differ diff --git a/src/assets/cinnamon/thumbnail-light.png b/src/assets/cinnamon/thumbnail-light.png new file mode 100644 index 0000000..9c48df8 Binary files /dev/null and b/src/assets/cinnamon/thumbnail-light.png differ diff --git a/src/assets/cinnamon/thumbnail.svg b/src/assets/cinnamon/thumbnail.svg new file mode 100644 index 0000000..0f088ad --- /dev/null +++ b/src/assets/cinnamon/thumbnail.svg @@ -0,0 +1,617 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-arch.svg b/src/assets/gnome-shell/assets-dark/activities/activities-arch.svg new file mode 100644 index 0000000..c37b9f4 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-arch.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-debian.svg b/src/assets/gnome-shell/assets-dark/activities/activities-debian.svg new file mode 100644 index 0000000..2269a3a --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-debian.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-fedora.svg b/src/assets/gnome-shell/assets-dark/activities/activities-fedora.svg new file mode 100644 index 0000000..92d14cb --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-fedora.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-gnome.svg b/src/assets/gnome-shell/assets-dark/activities/activities-gnome.svg new file mode 100644 index 0000000..fd28fc7 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-gnome.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-manjaro.svg b/src/assets/gnome-shell/assets-dark/activities/activities-manjaro.svg new file mode 100644 index 0000000..c0e3b74 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-manjaro.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-normal.svg b/src/assets/gnome-shell/assets-dark/activities/activities-normal.svg new file mode 100644 index 0000000..c43e91a --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-normal.svg @@ -0,0 +1,80 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-ubuntu.svg b/src/assets/gnome-shell/assets-dark/activities/activities-ubuntu.svg new file mode 100644 index 0000000..b0052c2 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-ubuntu.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities-void.svg b/src/assets/gnome-shell/assets-dark/activities/activities-void.svg new file mode 100644 index 0000000..68668ee --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities-void.svg @@ -0,0 +1,40 @@ + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/activities/activities.svg b/src/assets/gnome-shell/assets-dark/activities/activities.svg new file mode 100644 index 0000000..209a018 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/activities/activities.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg b/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg b/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-dark/checkbox-off.svg b/src/assets/gnome-shell/assets-dark/checkbox-off.svg new file mode 100644 index 0000000..0c5e5a0 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-dark/close.svg b/src/assets/gnome-shell/assets-dark/close.svg new file mode 100644 index 0000000..984240c --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-dark/key-hide.svg b/src/assets/gnome-shell/assets-dark/key-hide.svg new file mode 100644 index 0000000..a43b9d2 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/key-hide.svg @@ -0,0 +1,114 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/key-layout.svg b/src/assets/gnome-shell/assets-dark/key-layout.svg new file mode 100644 index 0000000..3a6cce7 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/key-layout.svg @@ -0,0 +1,114 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/key-shift.svg b/src/assets/gnome-shell/assets-dark/key-shift.svg new file mode 100644 index 0000000..5423b97 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/key-shift.svg @@ -0,0 +1,108 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-dark/no-events.svg b/src/assets/gnome-shell/assets-dark/no-events.svg new file mode 100644 index 0000000..c877cec --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-dark/no-notifications.svg b/src/assets/gnome-shell/assets-dark/no-notifications.svg new file mode 100644 index 0000000..ae09f92 --- /dev/null +++ b/src/assets/gnome-shell/assets-dark/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-arch.svg b/src/assets/gnome-shell/assets-light/activities/activities-arch.svg new file mode 100644 index 0000000..ef9d64a --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-arch.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-debian.svg b/src/assets/gnome-shell/assets-light/activities/activities-debian.svg new file mode 100644 index 0000000..250e6ea --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-debian.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-fedora.svg b/src/assets/gnome-shell/assets-light/activities/activities-fedora.svg new file mode 100644 index 0000000..d3850e4 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-fedora.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-gnome.svg b/src/assets/gnome-shell/assets-light/activities/activities-gnome.svg new file mode 100644 index 0000000..31bbfe7 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-gnome.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-manjaro.svg b/src/assets/gnome-shell/assets-light/activities/activities-manjaro.svg new file mode 100644 index 0000000..ab7d795 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-manjaro.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-normal.svg b/src/assets/gnome-shell/assets-light/activities/activities-normal.svg new file mode 100644 index 0000000..17f773b --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-normal.svg @@ -0,0 +1,80 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-ubuntu.svg b/src/assets/gnome-shell/assets-light/activities/activities-ubuntu.svg new file mode 100644 index 0000000..04a02c7 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-ubuntu.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities-void.svg b/src/assets/gnome-shell/assets-light/activities/activities-void.svg new file mode 100644 index 0000000..20370d7 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities-void.svg @@ -0,0 +1,66 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/activities/activities.svg b/src/assets/gnome-shell/assets-light/activities/activities.svg new file mode 100644 index 0000000..c1a6cfd --- /dev/null +++ b/src/assets/gnome-shell/assets-light/activities/activities.svg @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg b/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg new file mode 100644 index 0000000..309e10b --- /dev/null +++ b/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg b/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg new file mode 100644 index 0000000..67d2c49 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/checkbox-off.svg b/src/assets/gnome-shell/assets-light/checkbox-off.svg new file mode 100644 index 0000000..14ff8d2 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/close.svg b/src/assets/gnome-shell/assets-light/close.svg new file mode 100644 index 0000000..12a0359 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/key-hide.svg b/src/assets/gnome-shell/assets-light/key-hide.svg new file mode 100644 index 0000000..94e8bac --- /dev/null +++ b/src/assets/gnome-shell/assets-light/key-hide.svg @@ -0,0 +1,116 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/key-layout.svg b/src/assets/gnome-shell/assets-light/key-layout.svg new file mode 100644 index 0000000..8fade4e --- /dev/null +++ b/src/assets/gnome-shell/assets-light/key-layout.svg @@ -0,0 +1,116 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/key-shift.svg b/src/assets/gnome-shell/assets-light/key-shift.svg new file mode 100644 index 0000000..03b1863 --- /dev/null +++ b/src/assets/gnome-shell/assets-light/key-shift.svg @@ -0,0 +1,110 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/assets-light/no-events.svg b/src/assets/gnome-shell/assets-light/no-events.svg new file mode 100644 index 0000000..67dc59f --- /dev/null +++ b/src/assets/gnome-shell/assets-light/no-events.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/assets-light/no-notifications.svg b/src/assets/gnome-shell/assets-light/no-notifications.svg new file mode 100644 index 0000000..8a936cf --- /dev/null +++ b/src/assets/gnome-shell/assets-light/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/common-assets/background.jpg b/src/assets/gnome-shell/common-assets/background.jpg new file mode 100644 index 0000000..822fd22 Binary files /dev/null and b/src/assets/gnome-shell/common-assets/background.jpg differ diff --git a/src/assets/gnome-shell/common-assets/checkbox.svg b/src/assets/gnome-shell/common-assets/checkbox.svg new file mode 100644 index 0000000..6c0812b --- /dev/null +++ b/src/assets/gnome-shell/common-assets/checkbox.svg @@ -0,0 +1,60 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash-placeholder.svg b/src/assets/gnome-shell/common-assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running1-focused.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running1-focused.svg new file mode 100644 index 0000000..946377b --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running1.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running1.svg new file mode 100644 index 0000000..9a9e8c0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running2-focused.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running2-focused.svg new file mode 100644 index 0000000..ca14764 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running2.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running2.svg new file mode 100644 index 0000000..54041ce --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running3-focused.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running3-focused.svg new file mode 100644 index 0000000..f1ad685 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running3.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running3.svg new file mode 100644 index 0000000..c850e86 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running4-focused.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running4-focused.svg new file mode 100644 index 0000000..effe540 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/bottom-running4.svg b/src/assets/gnome-shell/common-assets/dash/bottom-running4.svg new file mode 100644 index 0000000..0eafc7d --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/bottom-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running1-focused.svg b/src/assets/gnome-shell/common-assets/dash/left-running1-focused.svg new file mode 100644 index 0000000..1522329 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running1.svg b/src/assets/gnome-shell/common-assets/dash/left-running1.svg new file mode 100644 index 0000000..72bd0a1 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running2-focused.svg b/src/assets/gnome-shell/common-assets/dash/left-running2-focused.svg new file mode 100644 index 0000000..fe9417e --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running2.svg b/src/assets/gnome-shell/common-assets/dash/left-running2.svg new file mode 100644 index 0000000..ed9b1b4 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running3-focused.svg b/src/assets/gnome-shell/common-assets/dash/left-running3-focused.svg new file mode 100644 index 0000000..49938d1 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running3.svg b/src/assets/gnome-shell/common-assets/dash/left-running3.svg new file mode 100644 index 0000000..b008c03 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running4-focused.svg b/src/assets/gnome-shell/common-assets/dash/left-running4-focused.svg new file mode 100644 index 0000000..02cc53c --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/left-running4.svg b/src/assets/gnome-shell/common-assets/dash/left-running4.svg new file mode 100644 index 0000000..888ac85 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/left-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running1-focused.svg b/src/assets/gnome-shell/common-assets/dash/right-running1-focused.svg new file mode 100644 index 0000000..75f507b --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running1.svg b/src/assets/gnome-shell/common-assets/dash/right-running1.svg new file mode 100644 index 0000000..1e13a2c --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running2-focused.svg b/src/assets/gnome-shell/common-assets/dash/right-running2-focused.svg new file mode 100644 index 0000000..a8f336b --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running2.svg b/src/assets/gnome-shell/common-assets/dash/right-running2.svg new file mode 100644 index 0000000..adc5030 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running3-focused.svg b/src/assets/gnome-shell/common-assets/dash/right-running3-focused.svg new file mode 100644 index 0000000..faca48c --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running3.svg b/src/assets/gnome-shell/common-assets/dash/right-running3.svg new file mode 100644 index 0000000..222536c --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running4-focused.svg b/src/assets/gnome-shell/common-assets/dash/right-running4-focused.svg new file mode 100644 index 0000000..bf2aa78 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/right-running4.svg b/src/assets/gnome-shell/common-assets/dash/right-running4.svg new file mode 100644 index 0000000..bfab8da --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/right-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running1-focused.svg b/src/assets/gnome-shell/common-assets/dash/top-running1-focused.svg new file mode 100644 index 0000000..ad29a45 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running1-focused.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running1.svg b/src/assets/gnome-shell/common-assets/dash/top-running1.svg new file mode 100644 index 0000000..0012bb3 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running1.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running2-focused.svg b/src/assets/gnome-shell/common-assets/dash/top-running2-focused.svg new file mode 100644 index 0000000..8c25295 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running2-focused.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running2.svg b/src/assets/gnome-shell/common-assets/dash/top-running2.svg new file mode 100644 index 0000000..ecab821 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running3-focused.svg b/src/assets/gnome-shell/common-assets/dash/top-running3-focused.svg new file mode 100644 index 0000000..bf2cfe4 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running3-focused.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running3.svg b/src/assets/gnome-shell/common-assets/dash/top-running3.svg new file mode 100644 index 0000000..878d4ed --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running3.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running4-focused.svg b/src/assets/gnome-shell/common-assets/dash/top-running4-focused.svg new file mode 100644 index 0000000..d68932f --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running4-focused.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/dash/top-running4.svg b/src/assets/gnome-shell/common-assets/dash/top-running4.svg new file mode 100644 index 0000000..4bacdc0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/dash/top-running4.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets/key-enter.svg b/src/assets/gnome-shell/common-assets/key-enter.svg new file mode 100644 index 0000000..f4babc6 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/key-enter.svg @@ -0,0 +1,111 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/key-shift-latched-uppercase.svg b/src/assets/gnome-shell/common-assets/key-shift-latched-uppercase.svg new file mode 100644 index 0000000..bf493b7 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/key-shift-latched-uppercase.svg @@ -0,0 +1,110 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/key-shift-uppercase.svg b/src/assets/gnome-shell/common-assets/key-shift-uppercase.svg new file mode 100644 index 0000000..683a03a --- /dev/null +++ b/src/assets/gnome-shell/common-assets/key-shift-uppercase.svg @@ -0,0 +1,104 @@ + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/more-results.svg b/src/assets/gnome-shell/common-assets/more-results.svg new file mode 100644 index 0000000..da52d53 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/more-results.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/noise-texture.svg b/src/assets/gnome-shell/common-assets/noise-texture.svg new file mode 100644 index 0000000..8acc4de --- /dev/null +++ b/src/assets/gnome-shell/common-assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/process-working.svg b/src/assets/gnome-shell/common-assets/process-working.svg new file mode 100644 index 0000000..0f311b0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/startup.svg b/src/assets/gnome-shell/common-assets/startup.svg new file mode 100644 index 0000000..0a95586 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/startup.svg @@ -0,0 +1,721 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/startup@2.svg b/src/assets/gnome-shell/common-assets/startup@2.svg new file mode 100644 index 0000000..ee23adf --- /dev/null +++ b/src/assets/gnome-shell/common-assets/startup@2.svg @@ -0,0 +1,326 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/toggle-off.svg b/src/assets/gnome-shell/common-assets/toggle-off.svg new file mode 100644 index 0000000..571ff01 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/toggle-off.svg @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/toggle-on.svg b/src/assets/gnome-shell/common-assets/toggle-on.svg new file mode 100644 index 0000000..8ca6b4d --- /dev/null +++ b/src/assets/gnome-shell/common-assets/toggle-on.svg @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets/window-close-active.svg b/src/assets/gnome-shell/common-assets/window-close-active.svg new file mode 100644 index 0000000..a31d8f7 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/window-close-active.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/gnome-shell/common-assets/window-close-hover.svg b/src/assets/gnome-shell/common-assets/window-close-hover.svg new file mode 100644 index 0000000..1211884 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/window-close-hover.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/gnome-shell/common-assets/window-close.svg b/src/assets/gnome-shell/common-assets/window-close.svg new file mode 100644 index 0000000..3694958 --- /dev/null +++ b/src/assets/gnome-shell/common-assets/window-close.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml diff --git a/src/assets/gtk-2.0/assets-dark.svg b/src/assets/gtk-2.0/assets-dark.svg new file mode 100644 index 0000000..49bb074 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark.svg @@ -0,0 +1,6365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png new file mode 100644 index 0000000..27a3ec8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png new file mode 100644 index 0000000..5bc42a2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png new file mode 100644 index 0000000..df09d4f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png new file mode 100644 index 0000000..4740f13 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small.png new file mode 100644 index 0000000..371bc04 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down-small.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down.png b/src/assets/gtk-2.0/assets-dark/arrow-down.png new file mode 100644 index 0000000..ef20832 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-down.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png new file mode 100644 index 0000000..0839e54 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png new file mode 100644 index 0000000..85e2b70 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left.png b/src/assets/gtk-2.0/assets-dark/arrow-left.png new file mode 100644 index 0000000..4f686be Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-left.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png new file mode 100644 index 0000000..3f1deb1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png new file mode 100644 index 0000000..572aad4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right.png b/src/assets/gtk-2.0/assets-dark/arrow-right.png new file mode 100644 index 0000000..71352dc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-right.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png new file mode 100644 index 0000000..6d8526d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png new file mode 100644 index 0000000..1150898 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png new file mode 100644 index 0000000..01e9946 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png new file mode 100644 index 0000000..8d24d28 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small.png new file mode 100644 index 0000000..ad1a8bf Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up-small.png differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up.png b/src/assets/gtk-2.0/assets-dark/arrow-up.png new file mode 100644 index 0000000..dfebb37 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/arrow-up.png differ diff --git a/src/assets/gtk-2.0/assets-dark/border.png b/src/assets/gtk-2.0/assets-dark/border.png new file mode 100644 index 0000000..fe60cc1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/border.png differ diff --git a/src/assets/gtk-2.0/assets-dark/button-active-hover.png b/src/assets/gtk-2.0/assets-dark/button-active-hover.png new file mode 100644 index 0000000..7c197c5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark/button-active.png b/src/assets/gtk-2.0/assets-dark/button-active.png new file mode 100644 index 0000000..352c67f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/button-hover.png b/src/assets/gtk-2.0/assets-dark/button-hover.png new file mode 100644 index 0000000..401e2af Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/button-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark/button-insensitive.png b/src/assets/gtk-2.0/assets-dark/button-insensitive.png new file mode 100644 index 0000000..89fdcd3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/button-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/button.png b/src/assets/gtk-2.0/assets-dark/button.png new file mode 100644 index 0000000..5982e27 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/button.png differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png new file mode 100644 index 0000000..41cdd3d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark/checkbox-checked.png new file mode 100644 index 0000000..839fb36 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..38813cd Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png new file mode 100644 index 0000000..250f30a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..c7ee132 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png new file mode 100644 index 0000000..9172199 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png new file mode 100644 index 0000000..d89dd97 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border.png new file mode 100644 index 0000000..8645eb8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-border.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..afe6826 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png new file mode 100644 index 0000000..27fcbf2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png new file mode 100644 index 0000000..7e96899 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png new file mode 100644 index 0000000..284e21f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png new file mode 100644 index 0000000..7e96899 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button.png new file mode 100644 index 0000000..8a43c6c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-button.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..5b79c18 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png new file mode 100644 index 0000000..47bc8ee Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png new file mode 100644 index 0000000..f245a24 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png new file mode 100644 index 0000000..8799d08 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png new file mode 100644 index 0000000..291aa31 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png new file mode 100644 index 0000000..a3ea8f1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png new file mode 100644 index 0000000..291aa31 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png new file mode 100644 index 0000000..662e24f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png new file mode 100644 index 0000000..43d976f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png new file mode 100644 index 0000000..55b8c00 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png new file mode 100644 index 0000000..7c18a4f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry.png b/src/assets/gtk-2.0/assets-dark/combo-entry.png new file mode 100644 index 0000000..766f42e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/combo-entry.png differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png b/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png new file mode 100644 index 0000000..854ec93 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-disable.png b/src/assets/gtk-2.0/assets-dark/down-background-disable.png new file mode 100644 index 0000000..5c9fe36 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/down-background-disable.png differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-rtl.png b/src/assets/gtk-2.0/assets-dark/down-background-rtl.png new file mode 100644 index 0000000..d25ae7a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/down-background-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background.png b/src/assets/gtk-2.0/assets-dark/down-background.png new file mode 100644 index 0000000..3b92938 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/down-background.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark/entry-active-bg.png new file mode 100644 index 0000000..de78e29 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png new file mode 100644 index 0000000..63008e5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png new file mode 100644 index 0000000..c6bfaa7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png b/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png new file mode 100644 index 0000000..4862707 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-background.png b/src/assets/gtk-2.0/assets-dark/entry-background.png new file mode 100644 index 0000000..c4e05f9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-background.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-bg.png b/src/assets/gtk-2.0/assets-dark/entry-bg.png new file mode 100644 index 0000000..166c9cc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png new file mode 100644 index 0000000..db05789 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-border-bg.png b/src/assets/gtk-2.0/assets-dark/entry-border-bg.png new file mode 100644 index 0000000..7311268 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-border-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png new file mode 100644 index 0000000..720313e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png new file mode 100644 index 0000000..a2d1662 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png new file mode 100644 index 0000000..b00ea3d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-notebook.png new file mode 100644 index 0000000..4dc60b8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-toolbar.png new file mode 100644 index 0000000..1d32cac Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/entry-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/focus-line.png b/src/assets/gtk-2.0/assets-dark/focus-line.png new file mode 100644 index 0000000..e4acbd5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/focus-line.png differ diff --git a/src/assets/gtk-2.0/assets-dark/frame-gap-end.png b/src/assets/gtk-2.0/assets-dark/frame-gap-end.png new file mode 100644 index 0000000..d21e60b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/frame-gap-end.png differ diff --git a/src/assets/gtk-2.0/assets-dark/frame-gap-start.png b/src/assets/gtk-2.0/assets-dark/frame-gap-start.png new file mode 100644 index 0000000..d21e60b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/frame-gap-start.png differ diff --git a/src/assets/gtk-2.0/assets-dark/frame.png b/src/assets/gtk-2.0/assets-dark/frame.png new file mode 100644 index 0000000..1d51de3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/frame.png differ diff --git a/src/assets/gtk-2.0/assets-dark/handle-h.png b/src/assets/gtk-2.0/assets-dark/handle-h.png new file mode 100644 index 0000000..1b00ac7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/handle-h.png differ diff --git a/src/assets/gtk-2.0/assets-dark/handle-v.png b/src/assets/gtk-2.0/assets-dark/handle-v.png new file mode 100644 index 0000000..de2d580 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/handle-v.png differ diff --git a/src/assets/gtk-2.0/assets-dark/inline-toolbar.png b/src/assets/gtk-2.0/assets-dark/inline-toolbar.png new file mode 100644 index 0000000..6d36b2a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/inline-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/line-h.png b/src/assets/gtk-2.0/assets-dark/line-h.png new file mode 100644 index 0000000..79410bd Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/line-h.png differ diff --git a/src/assets/gtk-2.0/assets-dark/line-v.png b/src/assets/gtk-2.0/assets-dark/line-v.png new file mode 100644 index 0000000..e943fe1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/line-v.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png b/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png new file mode 100644 index 0000000..aec3469 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-arrow.png b/src/assets/gtk-2.0/assets-dark/menu-arrow.png new file mode 100644 index 0000000..f440f1a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-arrow.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png new file mode 100644 index 0000000..8a990d6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png new file mode 100644 index 0000000..2f017bd Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..78f76f6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png new file mode 100644 index 0000000..e96e2bc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png new file mode 100644 index 0000000..c5d9bba Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png new file mode 100644 index 0000000..d60933c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png new file mode 100644 index 0000000..b27133e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png new file mode 100644 index 0000000..5646f0d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-separator.png b/src/assets/gtk-2.0/assets-dark/menu-separator.png new file mode 100644 index 0000000..ce3cd88 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menu-separator.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menubar.png b/src/assets/gtk-2.0/assets-dark/menubar.png new file mode 100644 index 0000000..89a246e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menubar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menubar_button.png b/src/assets/gtk-2.0/assets-dark/menubar_button.png new file mode 100644 index 0000000..c30a56d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menubar_button.png differ diff --git a/src/assets/gtk-2.0/assets-dark/menuitem.png b/src/assets/gtk-2.0/assets-dark/menuitem.png new file mode 100644 index 0000000..38e4a15 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/menuitem.png differ diff --git a/src/assets/gtk-2.0/assets-dark/minus.png b/src/assets/gtk-2.0/assets-dark/minus.png new file mode 100644 index 0000000..257943b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/minus.png differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png b/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png new file mode 100644 index 0000000..e741774 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png b/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png new file mode 100644 index 0000000..b35059b Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook.png b/src/assets/gtk-2.0/assets-dark/notebook.png new file mode 100644 index 0000000..af629fe Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/notebook.png differ diff --git a/src/assets/gtk-2.0/assets-dark/null.png b/src/assets/gtk-2.0/assets-dark/null.png new file mode 100644 index 0000000..d82fb34 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/null.png differ diff --git a/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png new file mode 100644 index 0000000..37fe506 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png new file mode 100644 index 0000000..1f35d9a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/plus.png b/src/assets/gtk-2.0/assets-dark/plus.png new file mode 100644 index 0000000..8455353 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/plus.png differ diff --git a/src/assets/gtk-2.0/assets-dark/progressbar.png b/src/assets/gtk-2.0/assets-dark/progressbar.png new file mode 100644 index 0000000..aeab09d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/progressbar_v.png b/src/assets/gtk-2.0/assets-dark/progressbar_v.png new file mode 100644 index 0000000..41db7d1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png new file mode 100644 index 0000000..2639b90 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-checked.png b/src/assets/gtk-2.0/assets-dark/radio-checked.png new file mode 100644 index 0000000..6dbb2d5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png new file mode 100644 index 0000000..40028e4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-unchecked.png b/src/assets/gtk-2.0/assets-dark/radio-unchecked.png new file mode 100644 index 0000000..d23d86e Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/radio-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png new file mode 100644 index 0000000..91c7ed9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png new file mode 100644 index 0000000..3e8d338 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png new file mode 100644 index 0000000..db98164 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz.png b/src/assets/gtk-2.0/assets-dark/slider-horiz.png new file mode 100644 index 0000000..bdc3868 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-insensitive.png b/src/assets/gtk-2.0/assets-dark/slider-insensitive.png new file mode 100644 index 0000000..dcc787f Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-prelight.png new file mode 100644 index 0000000..dd6cc42 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-active.png b/src/assets/gtk-2.0/assets-dark/slider-vert-active.png new file mode 100644 index 0000000..ce08107 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-vert-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png b/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png new file mode 100644 index 0000000..bb29332 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png new file mode 100644 index 0000000..12d87fa Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert.png b/src/assets/gtk-2.0/assets-dark/slider-vert.png new file mode 100644 index 0000000..ed59e11 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider-vert.png differ diff --git a/src/assets/gtk-2.0/assets-dark/slider.png b/src/assets/gtk-2.0/assets-dark/slider.png new file mode 100644 index 0000000..9f4ed02 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/slider.png differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png b/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png new file mode 100644 index 0000000..8004da9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-left-active.png b/src/assets/gtk-2.0/assets-dark/tab-left-active.png new file mode 100644 index 0000000..3f23203 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/tab-left-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-right-active.png b/src/assets/gtk-2.0/assets-dark/tab-right-active.png new file mode 100644 index 0000000..6477ccc Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/tab-right-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-top-active.png b/src/assets/gtk-2.0/assets-dark/tab-top-active.png new file mode 100644 index 0000000..98271d7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/tab-top-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png b/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png new file mode 100644 index 0000000..401e2af Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png b/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png new file mode 100644 index 0000000..5982e27 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar.png b/src/assets/gtk-2.0/assets-dark/toolbar.png new file mode 100644 index 0000000..e78b5ea Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/tree_header.png b/src/assets/gtk-2.0/assets-dark/tree_header.png new file mode 100644 index 0000000..8262e2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/tree_header.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png new file mode 100644 index 0000000..0bc468a Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-horizontal.png b/src/assets/gtk-2.0/assets-dark/trough-horizontal.png new file mode 100644 index 0000000..655e9d1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-horizontal.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-progressbar.png b/src/assets/gtk-2.0/assets-dark/trough-progressbar.png new file mode 100644 index 0000000..e4242f9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png b/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png new file mode 100644 index 0000000..6b31bc3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png new file mode 100644 index 0000000..cd7bf2d Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png new file mode 100644 index 0000000..5d1cf9c Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png new file mode 100644 index 0000000..8a22878 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-vertical.png b/src/assets/gtk-2.0/assets-dark/trough-vertical.png new file mode 100644 index 0000000..5705a98 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/trough-vertical.png differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png b/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png new file mode 100644 index 0000000..243fc35 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-disable.png b/src/assets/gtk-2.0/assets-dark/up-background-disable.png new file mode 100644 index 0000000..6a180cb Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/up-background-disable.png differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-rtl.png b/src/assets/gtk-2.0/assets-dark/up-background-rtl.png new file mode 100644 index 0000000..d07c404 Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/up-background-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background.png b/src/assets/gtk-2.0/assets-dark/up-background.png new file mode 100644 index 0000000..47983fb Binary files /dev/null and b/src/assets/gtk-2.0/assets-dark/up-background.png differ diff --git a/src/assets/gtk-2.0/assets-light.svg b/src/assets/gtk-2.0/assets-light.svg new file mode 100644 index 0000000..ff08e9e --- /dev/null +++ b/src/assets/gtk-2.0/assets-light.svg @@ -0,0 +1,6308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-insens.png b/src/assets/gtk-2.0/assets-light/arrow-down-insens.png new file mode 100644 index 0000000..a797cef Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png new file mode 100644 index 0000000..6c62a9e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png b/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png new file mode 100644 index 0000000..c976fd8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png new file mode 100644 index 0000000..7af9d33 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small.png b/src/assets/gtk-2.0/assets-light/arrow-down-small.png new file mode 100644 index 0000000..95344a0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down-small.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down.png b/src/assets/gtk-2.0/assets-light/arrow-down.png new file mode 100644 index 0000000..c6b656c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-down.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left-insens.png b/src/assets/gtk-2.0/assets-light/arrow-left-insens.png new file mode 100644 index 0000000..b117e1f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-left-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png new file mode 100644 index 0000000..65c6a07 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left.png b/src/assets/gtk-2.0/assets-light/arrow-left.png new file mode 100644 index 0000000..5d7caa1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-left.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right-insens.png b/src/assets/gtk-2.0/assets-light/arrow-right-insens.png new file mode 100644 index 0000000..b521645 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-right-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png new file mode 100644 index 0000000..736de9e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right.png b/src/assets/gtk-2.0/assets-light/arrow-right.png new file mode 100644 index 0000000..cea5190 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-right.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-insens.png b/src/assets/gtk-2.0/assets-light/arrow-up-insens.png new file mode 100644 index 0000000..fd0d7f9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png new file mode 100644 index 0000000..51765dd Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png b/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png new file mode 100644 index 0000000..945d13d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png new file mode 100644 index 0000000..5bed8c7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small.png b/src/assets/gtk-2.0/assets-light/arrow-up-small.png new file mode 100644 index 0000000..4011130 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up-small.png differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up.png b/src/assets/gtk-2.0/assets-light/arrow-up.png new file mode 100644 index 0000000..1498865 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/arrow-up.png differ diff --git a/src/assets/gtk-2.0/assets-light/border.png b/src/assets/gtk-2.0/assets-light/border.png new file mode 100644 index 0000000..624aafb Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/border.png differ diff --git a/src/assets/gtk-2.0/assets-light/button-active-hover.png b/src/assets/gtk-2.0/assets-light/button-active-hover.png new file mode 100644 index 0000000..64e7c6a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-light/button-active.png b/src/assets/gtk-2.0/assets-light/button-active.png new file mode 100644 index 0000000..7299dc8 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/button-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/button-hover.png b/src/assets/gtk-2.0/assets-light/button-hover.png new file mode 100644 index 0000000..d8f09fe Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/button-hover.png differ diff --git a/src/assets/gtk-2.0/assets-light/button-insensitive.png b/src/assets/gtk-2.0/assets-light/button-insensitive.png new file mode 100644 index 0000000..b2e0024 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/button-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/button.png b/src/assets/gtk-2.0/assets-light/button.png new file mode 100644 index 0000000..89c7faa Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/button.png differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png new file mode 100644 index 0000000..447d169 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked.png b/src/assets/gtk-2.0/assets-light/checkbox-checked.png new file mode 100644 index 0000000..c650962 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..514a119 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png b/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png new file mode 100644 index 0000000..b7a2a08 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000..b054e18 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png new file mode 100644 index 0000000..0f1c8c4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png new file mode 100644 index 0000000..bc42d11 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border.png b/src/assets/gtk-2.0/assets-light/combo-entry-border.png new file mode 100644 index 0000000..7d80d5a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-border.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png new file mode 100644 index 0000000..6cccfd3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png new file mode 100644 index 0000000..96efc06 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png new file mode 100644 index 0000000..90e16c7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png new file mode 100644 index 0000000..903926b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png new file mode 100644 index 0000000..42989ba Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button.png b/src/assets/gtk-2.0/assets-light/combo-entry-button.png new file mode 100644 index 0000000..6e0d9ac Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-button.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000..717fb52 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png new file mode 100644 index 0000000..7486dea Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png new file mode 100644 index 0000000..fa053ee Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus.png new file mode 100644 index 0000000..bf554a2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-focus.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png new file mode 100644 index 0000000..35a69e2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png new file mode 100644 index 0000000..b7c3f1d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png new file mode 100644 index 0000000..5895099 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png new file mode 100644 index 0000000..9b499c5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png new file mode 100644 index 0000000..7fea7a7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png new file mode 100644 index 0000000..106d715 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png new file mode 100644 index 0000000..6506352 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry.png b/src/assets/gtk-2.0/assets-light/combo-entry.png new file mode 100644 index 0000000..8500a58 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/combo-entry.png differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png b/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png new file mode 100644 index 0000000..8aa04c0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-disable.png b/src/assets/gtk-2.0/assets-light/down-background-disable.png new file mode 100644 index 0000000..082666c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/down-background-disable.png differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-rtl.png b/src/assets/gtk-2.0/assets-light/down-background-rtl.png new file mode 100644 index 0000000..86d523e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/down-background-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/down-background.png b/src/assets/gtk-2.0/assets-light/down-background.png new file mode 100644 index 0000000..2260a7b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/down-background.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-bg.png b/src/assets/gtk-2.0/assets-light/entry-active-bg.png new file mode 100644 index 0000000..4a45588 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light/entry-active-notebook.png new file mode 100644 index 0000000..68ed111 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-active-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png new file mode 100644 index 0000000..b8b9f61 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-background-disabled.png b/src/assets/gtk-2.0/assets-light/entry-background-disabled.png new file mode 100644 index 0000000..a710a2c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-background-disabled.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-background.png b/src/assets/gtk-2.0/assets-light/entry-background.png new file mode 100644 index 0000000..188950b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-background.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-bg.png b/src/assets/gtk-2.0/assets-light/entry-bg.png new file mode 100644 index 0000000..068b8a0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png new file mode 100644 index 0000000..99fe012 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-border-bg.png b/src/assets/gtk-2.0/assets-light/entry-border-bg.png new file mode 100644 index 0000000..5ddc425 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-border-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png b/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png new file mode 100644 index 0000000..7b7c62b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png b/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png new file mode 100644 index 0000000..5e02dbc Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png new file mode 100644 index 0000000..2524ddd Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-notebook.png b/src/assets/gtk-2.0/assets-light/entry-notebook.png new file mode 100644 index 0000000..deaa287 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/entry-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-toolbar.png new file mode 100644 index 0000000..cb15e24 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/entry-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/focus-line.png b/src/assets/gtk-2.0/assets-light/focus-line.png new file mode 100644 index 0000000..6c353a7 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/focus-line.png differ diff --git a/src/assets/gtk-2.0/assets-light/frame-gap-end.png b/src/assets/gtk-2.0/assets-light/frame-gap-end.png new file mode 100644 index 0000000..db7cf6b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/frame-gap-end.png differ diff --git a/src/assets/gtk-2.0/assets-light/frame-gap-start.png b/src/assets/gtk-2.0/assets-light/frame-gap-start.png new file mode 100644 index 0000000..d1c200c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/frame-gap-start.png differ diff --git a/src/assets/gtk-2.0/assets-light/frame.png b/src/assets/gtk-2.0/assets-light/frame.png new file mode 100644 index 0000000..aa660b0 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/frame.png differ diff --git a/src/assets/gtk-2.0/assets-light/handle-h.png b/src/assets/gtk-2.0/assets-light/handle-h.png new file mode 100644 index 0000000..215a2fe Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/handle-h.png differ diff --git a/src/assets/gtk-2.0/assets-light/handle-v.png b/src/assets/gtk-2.0/assets-light/handle-v.png new file mode 100644 index 0000000..4214f25 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/handle-v.png differ diff --git a/src/assets/gtk-2.0/assets-light/inline-toolbar.png b/src/assets/gtk-2.0/assets-light/inline-toolbar.png new file mode 100644 index 0000000..d9a6d8f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/inline-toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/line-h.png b/src/assets/gtk-2.0/assets-light/line-h.png new file mode 100644 index 0000000..9d13426 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/line-h.png differ diff --git a/src/assets/gtk-2.0/assets-light/line-v.png b/src/assets/gtk-2.0/assets-light/line-v.png new file mode 100644 index 0000000..335aad9 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/line-v.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png b/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png new file mode 100644 index 0000000..aec3469 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-arrow.png b/src/assets/gtk-2.0/assets-light/menu-arrow.png new file mode 100644 index 0000000..1742749 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-arrow.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png new file mode 100644 index 0000000..fde21a6 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png new file mode 100644 index 0000000..72ee5cd Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..33391f4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png new file mode 100644 index 0000000..23b9423 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png new file mode 100644 index 0000000..aeffca4 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked.png new file mode 100644 index 0000000..07b1c3e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png new file mode 100644 index 0000000..fc0a244 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png new file mode 100644 index 0000000..8377061 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-light/menu-separator.png b/src/assets/gtk-2.0/assets-light/menu-separator.png new file mode 100644 index 0000000..c531929 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menu-separator.png differ diff --git a/src/assets/gtk-2.0/assets-light/menubar.png b/src/assets/gtk-2.0/assets-light/menubar.png new file mode 100644 index 0000000..88d634f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menubar.png differ diff --git a/src/assets/gtk-2.0/assets-light/menubar_button.png b/src/assets/gtk-2.0/assets-light/menubar_button.png new file mode 100644 index 0000000..c30a56d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menubar_button.png differ diff --git a/src/assets/gtk-2.0/assets-light/menuitem.png b/src/assets/gtk-2.0/assets-light/menuitem.png new file mode 100644 index 0000000..38e4a15 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/menuitem.png differ diff --git a/src/assets/gtk-2.0/assets-light/minus.png b/src/assets/gtk-2.0/assets-light/minus.png new file mode 100644 index 0000000..5fa2c6b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/minus.png differ diff --git a/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png b/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png new file mode 100644 index 0000000..a4e0223 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png b/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png new file mode 100644 index 0000000..ddc73ff Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png differ diff --git a/src/assets/gtk-2.0/assets-light/notebook.png b/src/assets/gtk-2.0/assets-light/notebook.png new file mode 100644 index 0000000..5692d35 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/notebook.png differ diff --git a/src/assets/gtk-2.0/assets-light/null.png b/src/assets/gtk-2.0/assets-light/null.png new file mode 100644 index 0000000..d82fb34 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/null.png differ diff --git a/src/assets/gtk-2.0/assets-light/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light/pathbar_button_active.png new file mode 100644 index 0000000..37fe506 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/pathbar_button_active.png differ diff --git a/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png new file mode 100644 index 0000000..1f35d9a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/plus.png b/src/assets/gtk-2.0/assets-light/plus.png new file mode 100644 index 0000000..9d7bb97 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/plus.png differ diff --git a/src/assets/gtk-2.0/assets-light/progressbar.png b/src/assets/gtk-2.0/assets-light/progressbar.png new file mode 100644 index 0000000..aeab09d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/progressbar_v.png b/src/assets/gtk-2.0/assets-light/progressbar_v.png new file mode 100644 index 0000000..41db7d1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png new file mode 100644 index 0000000..01504eb Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/radio-checked.png b/src/assets/gtk-2.0/assets-light/radio-checked.png new file mode 100644 index 0000000..1d6741c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/radio-checked.png differ diff --git a/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png new file mode 100644 index 0000000..9f1da46 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/radio-unchecked.png b/src/assets/gtk-2.0/assets-light/radio-unchecked.png new file mode 100644 index 0000000..0a89d9d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/radio-unchecked.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-active.png b/src/assets/gtk-2.0/assets-light/slider-horiz-active.png new file mode 100644 index 0000000..9e28aa2 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-horiz-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png b/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png new file mode 100644 index 0000000..694092e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png b/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png new file mode 100644 index 0000000..2e54f70 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz.png b/src/assets/gtk-2.0/assets-light/slider-horiz.png new file mode 100644 index 0000000..8279c97 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-insensitive.png b/src/assets/gtk-2.0/assets-light/slider-insensitive.png new file mode 100644 index 0000000..7c93a7c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-insensitive.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-prelight.png b/src/assets/gtk-2.0/assets-light/slider-prelight.png new file mode 100644 index 0000000..12a78d1 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-active.png b/src/assets/gtk-2.0/assets-light/slider-vert-active.png new file mode 100644 index 0000000..7d36b3c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-vert-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-insens.png b/src/assets/gtk-2.0/assets-light/slider-vert-insens.png new file mode 100644 index 0000000..4856576 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-vert-insens.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png b/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png new file mode 100644 index 0000000..f04d91d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert.png b/src/assets/gtk-2.0/assets-light/slider-vert.png new file mode 100644 index 0000000..96920a5 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider-vert.png differ diff --git a/src/assets/gtk-2.0/assets-light/slider.png b/src/assets/gtk-2.0/assets-light/slider.png new file mode 100644 index 0000000..36eeff3 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/slider.png differ diff --git a/src/assets/gtk-2.0/assets-light/tab-bottom-active.png b/src/assets/gtk-2.0/assets-light/tab-bottom-active.png new file mode 100644 index 0000000..88ddbfe Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/tab-bottom-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/tab-left-active.png b/src/assets/gtk-2.0/assets-light/tab-left-active.png new file mode 100644 index 0000000..f712980 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/tab-left-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/tab-right-active.png b/src/assets/gtk-2.0/assets-light/tab-right-active.png new file mode 100644 index 0000000..f343d5a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/tab-right-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/tab-top-active.png b/src/assets/gtk-2.0/assets-light/tab-top-active.png new file mode 100644 index 0000000..152da67 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/tab-top-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png b/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png new file mode 100644 index 0000000..8a45741 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar-button-active.png b/src/assets/gtk-2.0/assets-light/toolbar-button-active.png new file mode 100644 index 0000000..6f3c29f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/toolbar-button-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar.png b/src/assets/gtk-2.0/assets-light/toolbar.png new file mode 100644 index 0000000..f6203ba Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/toolbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/tree_header.png b/src/assets/gtk-2.0/assets-light/tree_header.png new file mode 100644 index 0000000..310b87d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/tree_header.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png new file mode 100644 index 0000000..0bc468a Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-horizontal.png b/src/assets/gtk-2.0/assets-light/trough-horizontal.png new file mode 100644 index 0000000..5e4d544 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-horizontal.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-progressbar.png b/src/assets/gtk-2.0/assets-light/trough-progressbar.png new file mode 100644 index 0000000..0b9f34e Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-progressbar.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png b/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png new file mode 100644 index 0000000..7ab0f2b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png b/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png new file mode 100644 index 0000000..794dc1b Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png b/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png new file mode 100644 index 0000000..8ce9c6c Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light/trough-vertical-active.png new file mode 100644 index 0000000..8a22878 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-vertical-active.png differ diff --git a/src/assets/gtk-2.0/assets-light/trough-vertical.png b/src/assets/gtk-2.0/assets-light/trough-vertical.png new file mode 100644 index 0000000..c91753f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/trough-vertical.png differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png b/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png new file mode 100644 index 0000000..1a269dd Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-disable.png b/src/assets/gtk-2.0/assets-light/up-background-disable.png new file mode 100644 index 0000000..8d4335f Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/up-background-disable.png differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-rtl.png b/src/assets/gtk-2.0/assets-light/up-background-rtl.png new file mode 100644 index 0000000..c88f279 Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/up-background-rtl.png differ diff --git a/src/assets/gtk-2.0/assets-light/up-background.png b/src/assets/gtk-2.0/assets-light/up-background.png new file mode 100644 index 0000000..fbab07d Binary files /dev/null and b/src/assets/gtk-2.0/assets-light/up-background.png differ diff --git a/src/assets/gtk-2.0/assets.txt b/src/assets/gtk-2.0/assets.txt new file mode 100644 index 0000000..94bfb51 --- /dev/null +++ b/src/assets/gtk-2.0/assets.txt @@ -0,0 +1,135 @@ +arrow-down +arrow-down-insens +arrow-down-prelight +arrow-left +arrow-left-insens +arrow-left-prelight +arrow-right +arrow-right-insens +arrow-right-prelight +arrow-up +arrow-up-insens +arrow-up-prelight +arrow-down-small +arrow-down-small-insens +arrow-down-small-prelight +arrow-up-small +arrow-up-small-insens +arrow-up-small-prelight +menu-arrow +menu-arrow-prelight +menu-separator +border +button +button-hover +button-active +button-active-hover +toolbar-button-active +toolbar-button-active-hover +button-insensitive +checkbox-checked +checkbox-checked-insensitive +checkbox-unchecked +checkbox-unchecked-insensitive +radio-checked +radio-checked-insensitive +radio-unchecked +radio-unchecked-insensitive +menu-checkbox-checked +menu-checkbox-checked-insensitive +menu-checkbox-unchecked +menu-checkbox-unchecked-insensitive +menu-radio-checked +menu-radio-checked-insensitive +menu-radio-unchecked +menu-radio-unchecked-insensitive +entry-background +entry-background-disabled +entry-border-bg +entry-border-active-bg +entry-bg +entry-active-bg +entry-disabled-bg +entry-notebook +entry-active-notebook +entry-disabled-notebook +entry-toolbar +entry-active-toolbar +entry-disabled-toolbar +combo-entry +combo-entry-border +combo-entry-focus +combo-entry-border-focus +combo-entry-insensitive +combo-entry-notebook +combo-entry-focus-notebook +combo-entry-insensitive-notebook +combo-entry-rtl +combo-entry-border-rtl +combo-entry-focus-rtl +combo-entry-border-focus-rtl +combo-entry-insensitive-rtl +combo-entry-notebook-rtl +combo-entry-focus-notebook-rtl +combo-entry-insensitive-notebook-rtl +combo-entry-button +combo-entry-button-insensitive +combo-entry-button-active +combo-entry-button-rtl +combo-entry-button-insensitive-rtl +combo-entry-button-active-rtl +down-background +up-background +down-background-disable +up-background-disable +down-background-rtl +up-background-rtl +down-background-disable-rtl +up-background-disable-rtl +plus +minus +handle-h +handle-v +line-h +line-v +menuitem +menubar_button +null +tree_header +progressbar +progressbar_v +trough-progressbar +trough-progressbar_v +slider +slider-insensitive +slider-prelight +trough-horizontal +trough-vertical +trough-horizontal-active +trough-vertical-active +slider-horiz +slider-horiz-active +slider-horiz-insens +slider-horiz-prelight +slider-vert +slider-vert-active +slider-vert-insens +slider-vert-prelight +trough-scrollbar-horiz +trough-scrollbar-vert +frame +frame-gap-end +frame-gap-start +notebook +notebook-gap-horiz +notebook-gap-vert +tab-bottom-active +tab-top-active +tab-left-active +tab-right-active +inline-toolbar +toolbar +menubar +focus-line +pathbar_button_active +pathbar_button_prelight diff --git a/src/assets/gtk-2.0/render-assets.sh b/src/assets/gtk-2.0/render-assets.sh new file mode 100755 index 0000000..2de00fd --- /dev/null +++ b/src/assets/gtk-2.0/render-assets.sh @@ -0,0 +1,42 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +LIGHT_SRC_FILE="assets-light.svg" +LIGHT_ASSETS_DIR="assets-light" + +DARK_SRC_FILE="assets-dark.svg" +DARK_ASSETS_DIR="assets-dark" + +INDEX="assets.txt" + +mkdir -p $LIGHT_ASSETS_DIR && mkdir -p $DARK_ASSETS_DIR + +for i in `cat $INDEX` +do + +if [ -f $LIGHT_ASSETS_DIR/$i.png ]; then + echo $LIGHT_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $LIGHT_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$LIGHT_ASSETS_DIR/$i.png $LIGHT_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $LIGHT_ASSETS_DIR/$i.png +fi + +if [ -f $DARK_ASSETS_DIR/$i.png ]; then + echo $DARK_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $DARK_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png +fi +done + +exit 0 diff --git a/src/assets/gtk-3.0/common-assets/assets.svg b/src/assets/gtk-3.0/common-assets/assets.svg new file mode 100644 index 0000000..34ad7e6 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets.svg @@ -0,0 +1,4077 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets.txt b/src/assets/gtk-3.0/common-assets/assets.txt new file mode 100644 index 0000000..bbebbdb --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets.txt @@ -0,0 +1,88 @@ +checkbox-checked +checkbox-checked-insensitive +checkbox-unchecked +checkbox-unchecked-insensitive +checkbox-mixed +checkbox-mixed-insensitive +radio-checked +radio-checked-insensitive +radio-unchecked +radio-unchecked-insensitive +radio-mixed +radio-mixed-insensitive +checkbox-checked-selected +checkbox-checked-insensitive-selected +checkbox-unchecked-selected +checkbox-unchecked-insensitive-selected +checkbox-mixed-selected +checkbox-mixed-insensitive-selected +checkbox-checked-selectionmode +checkbox-selectionmode +radio-checked-selected +radio-checked-insensitive-selected +radio-unchecked-selected +radio-unchecked-insensitive-selected +radio-mixed-selected +radio-mixed-insensitive-selected + +switch +switch-hover +switch-active +switch-active-hover +switch-insensitive +switch-active-insensitive +switch-insensitive-dark + +slider-horz-scale-has-marks-below +slider-horz-scale-has-marks-below-hover +slider-horz-scale-has-marks-below-active +slider-horz-scale-has-marks-below-insensitive +slider-vert-scale-has-marks-below +slider-vert-scale-has-marks-below-hover +slider-vert-scale-has-marks-below-active +slider-vert-scale-has-marks-below-insensitive +slider-horz-scale-has-marks-above +slider-horz-scale-has-marks-above-hover +slider-horz-scale-has-marks-above-active +slider-horz-scale-has-marks-above-insensitive +slider-vert-scale-has-marks-above +slider-vert-scale-has-marks-above-hover +slider-vert-scale-has-marks-above-active +slider-vert-scale-has-marks-above-insensitive + +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-checked-selectionmode-dark +checkbox-selectionmode-dark +radio-checked-dark +radio-checked-insensitive-dark +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-mixed-dark +radio-mixed-insensitive-dark + +setting +setting-dark + +setting-icon +setting-icon-dark + +combobox-arrow +combobox-arrow-dark + +toggle-on +toggle-off +toggle-on-disabled +toggle-off-disabled + +sidebar-view-hover +sidebar-view-active +sidebar-view-checked +sidebar-view-hover-dark +sidebar-view-active-dark +sidebar-view-checked-dark + diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png new file mode 100644 index 0000000..2a4e55b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000..cef43b2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..7af5b26 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..24d6f96 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png new file mode 100644 index 0000000..8af64fb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png new file mode 100644 index 0000000..21eecd9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..5af138b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..eaab3f6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png new file mode 100644 index 0000000..88c56e5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png new file mode 100644 index 0000000..e8de9c4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..58c04cb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..8e9845a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..59df363 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..bde5d50 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png new file mode 100644 index 0000000..cd4c3c1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png new file mode 100644 index 0000000..15b5155 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000..8171027 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..fbac98b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..9339160 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..e8e4b12 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png new file mode 100644 index 0000000..624fac2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..36b28c3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..63307c6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..91f5946 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png new file mode 100644 index 0000000..29b11e3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png new file mode 100644 index 0000000..9aaf9fb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png new file mode 100644 index 0000000..3b99a7e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..20632f3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png new file mode 100644 index 0000000..b3331ba Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png new file mode 100644 index 0000000..ac36f6f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png new file mode 100644 index 0000000..aac8a79 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png new file mode 100644 index 0000000..491a86d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000..7499fe8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..2b52739 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000..aaa8d44 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..75efcdf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png new file mode 100644 index 0000000..6bba300 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..fecbcbe Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..fe338ac Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..531e0cf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png new file mode 100644 index 0000000..9a1362a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png new file mode 100644 index 0000000..12af589 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png new file mode 100644 index 0000000..a823fdf Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..e188382 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png new file mode 100644 index 0000000..1d5fe89 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png new file mode 100644 index 0000000..b344cc4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png new file mode 100644 index 0000000..eecfbe3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png new file mode 100644 index 0000000..f0cd153 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png new file mode 100644 index 0000000..63f2d38 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png new file mode 100644 index 0000000..451432d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000..5e8196a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..83bf78d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png new file mode 100644 index 0000000..0f0b2df Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png new file mode 100644 index 0000000..2905311 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..afffe2c Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..5f8acaa Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png new file mode 100644 index 0000000..2fd39f6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png new file mode 100644 index 0000000..dcb7c65 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked.png new file mode 100644 index 0000000..29dd5b9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png new file mode 100644 index 0000000..f382460 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png new file mode 100644 index 0000000..922edaa Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000..12e558b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000..d2af67b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..93fa914 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png new file mode 100644 index 0000000..7139470 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..090dab9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..6b3109a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..234af9e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png new file mode 100644 index 0000000..95b6c91 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png new file mode 100644 index 0000000..d7ae1cd Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png new file mode 100644 index 0000000..42af8a0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png new file mode 100644 index 0000000..64cde50 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png new file mode 100644 index 0000000..edc82c5 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000..c4f988a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000..e943f59 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..b31322e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png new file mode 100644 index 0000000..c3246a4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..28dbdf9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..48dde1f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..b53a8c7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png new file mode 100644 index 0000000..61be37e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png new file mode 100644 index 0000000..b202ec3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png new file mode 100644 index 0000000..2c052af Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png new file mode 100644 index 0000000..114c902 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-dark.png b/src/assets/gtk-3.0/common-assets/assets/setting-dark.png new file mode 100644 index 0000000..97e91c0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/setting-dark@2.png new file mode 100644 index 0000000..e4d8915 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark.png b/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark.png new file mode 100644 index 0000000..74eecf0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark@2.png new file mode 100644 index 0000000..d6481c1 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-icon-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-icon.png b/src/assets/gtk-3.0/common-assets/assets/setting-icon.png new file mode 100644 index 0000000..9ec1722 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-icon.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting-icon@2.png b/src/assets/gtk-3.0/common-assets/assets/setting-icon@2.png new file mode 100644 index 0000000..5d33aa2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting-icon@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting.png b/src/assets/gtk-3.0/common-assets/assets/setting.png new file mode 100644 index 0000000..405fcfb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/setting@2.png b/src/assets/gtk-3.0/common-assets/assets/setting@2.png new file mode 100644 index 0000000..1403083 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/setting@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark.png new file mode 100644 index 0000000..165ded6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark@2.png new file mode 100644 index 0000000..aad4547 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active.png new file mode 100644 index 0000000..c467288 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active@2.png new file mode 100644 index 0000000..5393544 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark.png new file mode 100644 index 0000000..a0fe308 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark@2.png new file mode 100644 index 0000000..0231b15 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked.png new file mode 100644 index 0000000..8493111 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked@2.png new file mode 100644 index 0000000..0fcef8e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-checked@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark.png new file mode 100644 index 0000000..a2f6dff Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark@2.png new file mode 100644 index 0000000..d29d6e4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover.png new file mode 100644 index 0000000..3b31132 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover@2.png new file mode 100644 index 0000000..500114f Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/sidebar-view-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png new file mode 100644 index 0000000..d9afcaa Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..dcd2d54 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png new file mode 100644 index 0000000..bf64e00 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..edc5c1b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..99abe09 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..e921696 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png new file mode 100644 index 0000000..e8d3552 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png new file mode 100644 index 0000000..1fa0c03 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png new file mode 100644 index 0000000..f820560 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..06eaadd Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png new file mode 100644 index 0000000..4027e14 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..a5999d0 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..2998eea Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..da37001 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png new file mode 100644 index 0000000..502ef94 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png new file mode 100644 index 0000000..18f62cb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png new file mode 100644 index 0000000..4685393 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png new file mode 100644 index 0000000..dded4f2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png new file mode 100644 index 0000000..01c2d05 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png new file mode 100644 index 0000000..79eb307 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png new file mode 100644 index 0000000..bf19a03 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png new file mode 100644 index 0000000..b4761e8 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png new file mode 100644 index 0000000..90dc722 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png new file mode 100644 index 0000000..7bbb8ed Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png new file mode 100644 index 0000000..bf5c972 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png new file mode 100644 index 0000000..f32826b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png new file mode 100644 index 0000000..f3531e9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png new file mode 100644 index 0000000..a606205 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png new file mode 100644 index 0000000..b68dae4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png new file mode 100644 index 0000000..47e5041 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png new file mode 100644 index 0000000..7bdf0c2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png new file mode 100644 index 0000000..364f4c9 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active-hover.png b/src/assets/gtk-3.0/common-assets/assets/switch-active-hover.png new file mode 100644 index 0000000..abcb59a Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-active-hover@2.png new file mode 100644 index 0000000..0e89d8c Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive.png new file mode 100644 index 0000000..b896585 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive@2.png new file mode 100644 index 0000000..b68a1c4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active.png b/src/assets/gtk-3.0/common-assets/assets/switch-active.png new file mode 100644 index 0000000..8a6fc8d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-active@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-active@2.png new file mode 100644 index 0000000..76a117e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-active@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-hover.png b/src/assets/gtk-3.0/common-assets/assets/switch-hover.png new file mode 100644 index 0000000..e55bcd7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-hover.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-hover@2.png new file mode 100644 index 0000000..6dbb525 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-hover@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark.png new file mode 100644 index 0000000..20d8a6e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark@2.png new file mode 100644 index 0000000..061c66e Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive-dark@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive.png new file mode 100644 index 0000000..3056d65 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive@2.png new file mode 100644 index 0000000..3928ba4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch-insensitive@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch.png b/src/assets/gtk-3.0/common-assets/assets/switch.png new file mode 100644 index 0000000..c0909c4 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/switch@2.png b/src/assets/gtk-3.0/common-assets/assets/switch@2.png new file mode 100644 index 0000000..2367be7 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/switch@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled.png b/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled.png new file mode 100644 index 0000000..40f456d Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled@2.png b/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled@2.png new file mode 100644 index 0000000..8f4c7f2 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-off-disabled@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-off.png b/src/assets/gtk-3.0/common-assets/assets/toggle-off.png new file mode 100644 index 0000000..2c651cb Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-off.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-off@2.png b/src/assets/gtk-3.0/common-assets/assets/toggle-off@2.png new file mode 100644 index 0000000..7a2d6ec Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-off@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled.png b/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled.png new file mode 100644 index 0000000..e1919b3 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled@2.png b/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled@2.png new file mode 100644 index 0000000..64cc00c Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-on-disabled@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-on.png b/src/assets/gtk-3.0/common-assets/assets/toggle-on.png new file mode 100644 index 0000000..3f7e18b Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-on.png differ diff --git a/src/assets/gtk-3.0/common-assets/assets/toggle-on@2.png b/src/assets/gtk-3.0/common-assets/assets/toggle-on@2.png new file mode 100644 index 0000000..aa7efc6 Binary files /dev/null and b/src/assets/gtk-3.0/common-assets/assets/toggle-on@2.png differ diff --git a/src/assets/gtk-3.0/common-assets/render-assets.sh b/src/assets/gtk-3.0/common-assets/render-assets.sh new file mode 100755 index 0000000..203a3ab --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/render-assets.sh @@ -0,0 +1,36 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/src/assets/gtk-3.0/thumbnail-dark.png b/src/assets/gtk-3.0/thumbnail-dark.png new file mode 100644 index 0000000..1c51a25 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnail-dark.png differ diff --git a/src/assets/gtk-3.0/thumbnail-light.png b/src/assets/gtk-3.0/thumbnail-light.png new file mode 100644 index 0000000..41b6c22 Binary files /dev/null and b/src/assets/gtk-3.0/thumbnail-light.png differ diff --git a/src/assets/gtk-3.0/thumbnail.svg b/src/assets/gtk-3.0/thumbnail.svg new file mode 100644 index 0000000..cf81a60 --- /dev/null +++ b/src/assets/gtk-3.0/thumbnail.svg @@ -0,0 +1,142 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/windows-assets/assets.txt b/src/assets/gtk-3.0/windows-assets/assets.txt new file mode 100644 index 0000000..a1fc414 --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/assets.txt @@ -0,0 +1,20 @@ +titlebutton-close +titlebutton-close-backdrop +titlebutton-close-backdrop-hover +titlebutton-close-hover +titlebutton-close-active +titlebutton-maximize +titlebutton-maximize-backdrop +titlebutton-maximize-backdrop-hover +titlebutton-maximize-hover +titlebutton-maximize-active +titlebutton-minimize +titlebutton-minimize-backdrop +titlebutton-minimize-backdrop-hover +titlebutton-minimize-hover +titlebutton-minimize-active +titlebutton-restore +titlebutton-restore-backdrop +titlebutton-restore-backdrop-hover +titlebutton-restore-hover +titlebutton-restore-active diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh new file mode 100755 index 0000000..d889d73 --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh @@ -0,0 +1,41 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="windows-assets.svg" +ASSETS_DIR="titlebutton-alt" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` ; do +for d in '' '-dark' ; do + +## alt titlebutton +if [ -f $ASSETS_DIR/$i$d.png ]; then + echo $ASSETS_DIR/$i$d.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d.png + $INKSCAPE --export-id=$i-alt$d \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png +fi + +if [ -f $ASSETS_DIR/$i$d@2.png ]; then + echo $ASSETS_DIR/$i$d@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d@2.png + $INKSCAPE --export-id=$i-alt$d \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png +fi + +done +done +exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh new file mode 100755 index 0000000..4304da1 --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh @@ -0,0 +1,41 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="windows-assets.svg" +ASSETS_DIR="titlebutton-alt-small" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` ; do +for d in '' '-dark' ; do + +## alt small titlebutton +if [ -f $ASSETS_DIR/$i$d.png ]; then + echo $ASSETS_DIR/$i$d.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d.png + $INKSCAPE --export-id=$i-alt-small$d \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png +fi + +if [ -f $ASSETS_DIR/$i$d@2.png ]; then + echo $ASSETS_DIR/$i$d@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d@2.png + $INKSCAPE --export-id=$i-alt-small$d \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png +fi + +done +done +exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-assets.sh b/src/assets/gtk-3.0/windows-assets/render-assets.sh new file mode 100755 index 0000000..ea1326f --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/render-assets.sh @@ -0,0 +1,41 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="windows-assets.svg" +ASSETS_DIR="titlebutton" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` ; do +for d in '' '-dark' ; do + +## Normal titlebutton +if [ -f $ASSETS_DIR/$i$d.png ]; then + echo $ASSETS_DIR/$i$d.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d.png + $INKSCAPE --export-id=$i$d \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png +fi + +if [ -f $ASSETS_DIR/$i$d@2.png ]; then + echo $ASSETS_DIR/$i$d@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d@2.png + $INKSCAPE --export-id=$i$d \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png +fi + +done +done +exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh new file mode 100755 index 0000000..04ff8c7 --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh @@ -0,0 +1,41 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="windows-assets.svg" +ASSETS_DIR="titlebutton-small" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` ; do +for d in '' '-dark' ; do + +## small titlebutton +if [ -f $ASSETS_DIR/$i$d.png ]; then + echo $ASSETS_DIR/$i$d.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d.png + $INKSCAPE --export-id=$i-small$d \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png +fi + +if [ -f $ASSETS_DIR/$i$d@2.png ]; then + echo $ASSETS_DIR/$i$d@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i$d@2.png + $INKSCAPE --export-id=$i-small$d \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png +fi + +done +done +exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png new file mode 100644 index 0000000..0987d04 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..548ae88 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png new file mode 100644 index 0000000..bf8b084 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png new file mode 100644 index 0000000..f141cce Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png new file mode 100644 index 0000000..64ee391 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png new file mode 100644 index 0000000..7aa8b55 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png new file mode 100644 index 0000000..fe13320 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png new file mode 100644 index 0000000..8ded084 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png new file mode 100644 index 0000000..88764b0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png new file mode 100644 index 0000000..ffdca19 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..31172c7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..cf54ade Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png new file mode 100644 index 0000000..112c27b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png new file mode 100644 index 0000000..d8c0fd0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png new file mode 100644 index 0000000..98c2cb8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png new file mode 100644 index 0000000..bcec4f8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..66fc49a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png new file mode 100644 index 0000000..2e26a3f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png new file mode 100644 index 0000000..55ef08b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..b2a4c2a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png new file mode 100644 index 0000000..c3aa9fd Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..0e9392b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png new file mode 100644 index 0000000..5fcc095 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png new file mode 100644 index 0000000..5a8cc1b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png new file mode 100644 index 0000000..1b356c6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..538b1aa Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..3834956 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png new file mode 100644 index 0000000..b45784b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png new file mode 100644 index 0000000..83478e0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..795cc4d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png new file mode 100644 index 0000000..c38ee6c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png new file mode 100644 index 0000000..405b1be Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..2216454 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png new file mode 100644 index 0000000..4ce7a65 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png new file mode 100644 index 0000000..c6366b5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..b535626 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png new file mode 100644 index 0000000..65344ed Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..d429653 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png new file mode 100644 index 0000000..a9364b6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png new file mode 100644 index 0000000..9d79fd0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png new file mode 100644 index 0000000..b61df40 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..8fad620 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..606f6c2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png new file mode 100644 index 0000000..fb5bb1a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png new file mode 100644 index 0000000..595d081 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..8eb6da8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png new file mode 100644 index 0000000..eedef01 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png new file mode 100644 index 0000000..b005be5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png new file mode 100644 index 0000000..66fc49a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png new file mode 100644 index 0000000..2e26a3f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png new file mode 100644 index 0000000..55ef08b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png new file mode 100644 index 0000000..b2a4c2a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png new file mode 100644 index 0000000..c3aa9fd Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png new file mode 100644 index 0000000..0e9392b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png new file mode 100644 index 0000000..5fcc095 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png new file mode 100644 index 0000000..5a8cc1b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png new file mode 100644 index 0000000..1b356c6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png new file mode 100644 index 0000000..538b1aa Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png new file mode 100644 index 0000000..3834956 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png new file mode 100644 index 0000000..b45784b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png new file mode 100644 index 0000000..83478e0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png new file mode 100644 index 0000000..795cc4d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png new file mode 100644 index 0000000..c38ee6c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png new file mode 100644 index 0000000..405b1be Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png new file mode 100644 index 0000000..82cd759 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..785ad63 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png new file mode 100644 index 0000000..d696d76 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png new file mode 100644 index 0000000..f0856b1 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png new file mode 100644 index 0000000..4b6f9e7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png new file mode 100644 index 0000000..9162afc Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png new file mode 100644 index 0000000..51ee998 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png new file mode 100644 index 0000000..e3d5954 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png new file mode 100644 index 0000000..1244138 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png new file mode 100644 index 0000000..4b3b110 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..b3590d8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..b8300fc Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png new file mode 100644 index 0000000..318c680 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png new file mode 100644 index 0000000..f0dd050 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png new file mode 100644 index 0000000..927f219 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png new file mode 100644 index 0000000..3e71514 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..c40d70c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png new file mode 100644 index 0000000..e1e7fc7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png new file mode 100644 index 0000000..c7b4b80 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..fd06232 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png new file mode 100644 index 0000000..44ddfbb Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..bc2dbe5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png new file mode 100644 index 0000000..01727ac Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png new file mode 100644 index 0000000..0fdfd0f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png new file mode 100644 index 0000000..72eb5b2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..09af663 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..099a9a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png new file mode 100644 index 0000000..0d63ea2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png new file mode 100644 index 0000000..e9fa0cc Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..31236cd Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png new file mode 100644 index 0000000..25c35ba Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png new file mode 100644 index 0000000..c8b038e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..fccbd9a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png new file mode 100644 index 0000000..41d3ccf Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png new file mode 100644 index 0000000..306eeb5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..2f086d4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png new file mode 100644 index 0000000..94f0214 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..6498f33 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png new file mode 100644 index 0000000..7dbcab1 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png new file mode 100644 index 0000000..274ccf0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png new file mode 100644 index 0000000..668368c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..b330c4b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..5d5abc7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png new file mode 100644 index 0000000..fb476e0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png new file mode 100644 index 0000000..4e8fab9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..f3c5bb9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png new file mode 100644 index 0000000..5f9fbc2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png new file mode 100644 index 0000000..7096724 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png new file mode 100644 index 0000000..c40d70c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png new file mode 100644 index 0000000..e1e7fc7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png new file mode 100644 index 0000000..c7b4b80 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png new file mode 100644 index 0000000..fd06232 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png new file mode 100644 index 0000000..44ddfbb Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png new file mode 100644 index 0000000..bc2dbe5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png new file mode 100644 index 0000000..01727ac Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png new file mode 100644 index 0000000..0fdfd0f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png new file mode 100644 index 0000000..72eb5b2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png new file mode 100644 index 0000000..09af663 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png new file mode 100644 index 0000000..099a9a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png new file mode 100644 index 0000000..0d63ea2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png new file mode 100644 index 0000000..e9fa0cc Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png new file mode 100644 index 0000000..31236cd Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png new file mode 100644 index 0000000..25c35ba Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png new file mode 100644 index 0000000..c8b038e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png new file mode 100644 index 0000000..af3556f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..7de7bf2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png new file mode 100644 index 0000000..a264ce3 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png new file mode 100644 index 0000000..db71e2a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png new file mode 100644 index 0000000..bd6a781 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png new file mode 100644 index 0000000..8daa30f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png new file mode 100644 index 0000000..273117a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png new file mode 100644 index 0000000..8b25891 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png new file mode 100644 index 0000000..88764b0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png new file mode 100644 index 0000000..ffdca19 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..5097fa7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..3303b9c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png new file mode 100644 index 0000000..ef5ac17 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png new file mode 100644 index 0000000..103fdbd Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png new file mode 100644 index 0000000..98c2cb8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png new file mode 100644 index 0000000..bcec4f8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..fc9cc0d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png new file mode 100644 index 0000000..a855fff Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png new file mode 100644 index 0000000..7dd986e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..8817acb Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png new file mode 100644 index 0000000..00af409 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..09313b2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png new file mode 100644 index 0000000..a80685f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png new file mode 100644 index 0000000..bb71196 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png new file mode 100644 index 0000000..1b356c6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..538b1aa Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..0962946 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png new file mode 100644 index 0000000..bc37a9e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png new file mode 100644 index 0000000..7f290a4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..10703d4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png new file mode 100644 index 0000000..c38ee6c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png new file mode 100644 index 0000000..405b1be Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..2216454 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png new file mode 100644 index 0000000..4ce7a65 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png new file mode 100644 index 0000000..c6366b5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..b535626 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png new file mode 100644 index 0000000..65344ed Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..d429653 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png new file mode 100644 index 0000000..a9364b6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png new file mode 100644 index 0000000..9d79fd0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png new file mode 100644 index 0000000..b61df40 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..8fad620 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..606f6c2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png new file mode 100644 index 0000000..fb5bb1a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png new file mode 100644 index 0000000..595d081 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..8eb6da8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png new file mode 100644 index 0000000..eedef01 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png new file mode 100644 index 0000000..b005be5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png new file mode 100644 index 0000000..db79de4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png new file mode 100644 index 0000000..d40a488 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png new file mode 100644 index 0000000..e78ac71 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png new file mode 100644 index 0000000..1b4fbac Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png new file mode 100644 index 0000000..4714e1f Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png new file mode 100644 index 0000000..e2463e8 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png new file mode 100644 index 0000000..d7a9153 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png new file mode 100644 index 0000000..2223100 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png new file mode 100644 index 0000000..e0687aa Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png new file mode 100644 index 0000000..5a1b341 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png new file mode 100644 index 0000000..2e2c726 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png new file mode 100644 index 0000000..a791e8d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png new file mode 100644 index 0000000..1b356c6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png new file mode 100644 index 0000000..538b1aa Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png new file mode 100644 index 0000000..22b6188 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png new file mode 100644 index 0000000..b180d76 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png new file mode 100644 index 0000000..17b26e2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png new file mode 100644 index 0000000..5c87c37 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png new file mode 100644 index 0000000..c38ee6c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png new file mode 100644 index 0000000..405b1be Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png new file mode 100644 index 0000000..d856635 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..6310c88 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png new file mode 100644 index 0000000..d6876b9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png new file mode 100644 index 0000000..a4da699 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png new file mode 100644 index 0000000..0ea4116 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png new file mode 100644 index 0000000..871f4db Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png new file mode 100644 index 0000000..f74eed4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png new file mode 100644 index 0000000..9351bc9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png new file mode 100644 index 0000000..1244138 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png new file mode 100644 index 0000000..4b3b110 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..1ebc67a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..8a1a95e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png new file mode 100644 index 0000000..b85b7e5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png new file mode 100644 index 0000000..9816e47 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png new file mode 100644 index 0000000..927f219 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png new file mode 100644 index 0000000..3e71514 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..6809168 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png new file mode 100644 index 0000000..1ce9f3b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png new file mode 100644 index 0000000..f8c180d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..5dade87 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png new file mode 100644 index 0000000..1eeccf1 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..452f956 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png new file mode 100644 index 0000000..edde9f3 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png new file mode 100644 index 0000000..a6c6422 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png new file mode 100644 index 0000000..72eb5b2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..09af663 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..c1a5251 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png new file mode 100644 index 0000000..07a95af Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png new file mode 100644 index 0000000..527cd6a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..5e55cfc Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png new file mode 100644 index 0000000..25c35ba Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png new file mode 100644 index 0000000..c8b038e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..fccbd9a Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png new file mode 100644 index 0000000..41d3ccf Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png new file mode 100644 index 0000000..306eeb5 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..2f086d4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png new file mode 100644 index 0000000..94f0214 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png new file mode 100644 index 0000000..6498f33 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png new file mode 100644 index 0000000..7dbcab1 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png new file mode 100644 index 0000000..274ccf0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png new file mode 100644 index 0000000..668368c Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..b330c4b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..5d5abc7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png new file mode 100644 index 0000000..fb476e0 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png new file mode 100644 index 0000000..4e8fab9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..f3c5bb9 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png new file mode 100644 index 0000000..5f9fbc2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png new file mode 100644 index 0000000..7096724 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png new file mode 100644 index 0000000..8309b87 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png new file mode 100644 index 0000000..6ad0db6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png new file mode 100644 index 0000000..b84627b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png new file mode 100644 index 0000000..78432d7 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png new file mode 100644 index 0000000..d742347 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png new file mode 100644 index 0000000..b6be4a6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png new file mode 100644 index 0000000..dabf61e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png new file mode 100644 index 0000000..7b7278d Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png new file mode 100644 index 0000000..ae82d54 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png new file mode 100644 index 0000000..92d3a02 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png new file mode 100644 index 0000000..584c919 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png new file mode 100644 index 0000000..663b2b4 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png new file mode 100644 index 0000000..72eb5b2 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png new file mode 100644 index 0000000..09af663 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png new file mode 100644 index 0000000..e79d41b Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png new file mode 100644 index 0000000..87e9741 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png new file mode 100644 index 0000000..788b6c6 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png new file mode 100644 index 0000000..4b8fb47 Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png new file mode 100644 index 0000000..25c35ba Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png new file mode 100644 index 0000000..c8b038e Binary files /dev/null and b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png differ diff --git a/src/assets/gtk-3.0/windows-assets/windows-assets.svg b/src/assets/gtk-3.0/windows-assets/windows-assets.svg new file mode 100644 index 0000000..7ab5f78 --- /dev/null +++ b/src/assets/gtk-3.0/windows-assets/windows-assets.svg @@ -0,0 +1,5909 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/metacity-1/assets.svg b/src/assets/metacity-1/assets.svg new file mode 100644 index 0000000..b209e40 --- /dev/null +++ b/src/assets/metacity-1/assets.svg @@ -0,0 +1,1213 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/metacity-1/assets.txt b/src/assets/metacity-1/assets.txt new file mode 100644 index 0000000..88cdbc5 --- /dev/null +++ b/src/assets/metacity-1/assets.txt @@ -0,0 +1,28 @@ +minimize +minimize_unfocused +minimize_focused_prelight +minimize_focused_pressed +maximize +maximize_unfocused +maximize_focused_prelight +maximize_focused_pressed +unmaximize +unmaximize_unfocused +unmaximize_focused_prelight +unmaximize_focused_pressed +close +close_unfocused +close_focused_prelight +close_focused_pressed +shade +shade_unfocused +shade_focused_prelight +shade_focused_pressed +unshade +unshade_unfocused +unshade_focused_prelight +unshade_focused_pressed +menu +menu_unfocused +menu_focused_prelight +menu_focused_pressed diff --git a/src/assets/metacity-1/assets/close.png b/src/assets/metacity-1/assets/close.png new file mode 100644 index 0000000..67c9820 Binary files /dev/null and b/src/assets/metacity-1/assets/close.png differ diff --git a/src/assets/metacity-1/assets/close_focused.png b/src/assets/metacity-1/assets/close_focused.png new file mode 120000 index 0000000..5a2733f --- /dev/null +++ b/src/assets/metacity-1/assets/close_focused.png @@ -0,0 +1 @@ +close.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_focused_normal.png b/src/assets/metacity-1/assets/close_focused_normal.png new file mode 120000 index 0000000..5a2733f --- /dev/null +++ b/src/assets/metacity-1/assets/close_focused_normal.png @@ -0,0 +1 @@ +close.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_focused_prelight.png b/src/assets/metacity-1/assets/close_focused_prelight.png new file mode 100644 index 0000000..ef18ebe Binary files /dev/null and b/src/assets/metacity-1/assets/close_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/close_focused_pressed.png b/src/assets/metacity-1/assets/close_focused_pressed.png new file mode 100644 index 0000000..2597ab3 Binary files /dev/null and b/src/assets/metacity-1/assets/close_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/close_unfocused.png b/src/assets/metacity-1/assets/close_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/close_unfocused.png differ diff --git a/src/assets/metacity-1/assets/close_unfocused_prelight.png b/src/assets/metacity-1/assets/close_unfocused_prelight.png new file mode 120000 index 0000000..1657077 --- /dev/null +++ b/src/assets/metacity-1/assets/close_unfocused_prelight.png @@ -0,0 +1 @@ +close_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_unfocused_pressed.png b/src/assets/metacity-1/assets/close_unfocused_pressed.png new file mode 120000 index 0000000..e925e4d --- /dev/null +++ b/src/assets/metacity-1/assets/close_unfocused_pressed.png @@ -0,0 +1 @@ +close_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize.png b/src/assets/metacity-1/assets/maximize.png new file mode 100644 index 0000000..0c90201 Binary files /dev/null and b/src/assets/metacity-1/assets/maximize.png differ diff --git a/src/assets/metacity-1/assets/maximize_focused.png b/src/assets/metacity-1/assets/maximize_focused.png new file mode 120000 index 0000000..bd18cdd --- /dev/null +++ b/src/assets/metacity-1/assets/maximize_focused.png @@ -0,0 +1 @@ +maximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_focused_normal.png b/src/assets/metacity-1/assets/maximize_focused_normal.png new file mode 120000 index 0000000..bd18cdd --- /dev/null +++ b/src/assets/metacity-1/assets/maximize_focused_normal.png @@ -0,0 +1 @@ +maximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_focused_prelight.png b/src/assets/metacity-1/assets/maximize_focused_prelight.png new file mode 100644 index 0000000..b40a5eb Binary files /dev/null and b/src/assets/metacity-1/assets/maximize_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/maximize_focused_pressed.png b/src/assets/metacity-1/assets/maximize_focused_pressed.png new file mode 100644 index 0000000..7f3bb40 Binary files /dev/null and b/src/assets/metacity-1/assets/maximize_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/maximize_unfocused.png b/src/assets/metacity-1/assets/maximize_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/maximize_unfocused.png differ diff --git a/src/assets/metacity-1/assets/maximize_unfocused_prelight.png b/src/assets/metacity-1/assets/maximize_unfocused_prelight.png new file mode 120000 index 0000000..f62efd5 --- /dev/null +++ b/src/assets/metacity-1/assets/maximize_unfocused_prelight.png @@ -0,0 +1 @@ +maximize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_unfocused_pressed.png b/src/assets/metacity-1/assets/maximize_unfocused_pressed.png new file mode 120000 index 0000000..cc51405 --- /dev/null +++ b/src/assets/metacity-1/assets/maximize_unfocused_pressed.png @@ -0,0 +1 @@ +maximize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu.png b/src/assets/metacity-1/assets/menu.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/menu.png differ diff --git a/src/assets/metacity-1/assets/menu_focused.png b/src/assets/metacity-1/assets/menu_focused.png new file mode 120000 index 0000000..f515719 --- /dev/null +++ b/src/assets/metacity-1/assets/menu_focused.png @@ -0,0 +1 @@ +menu.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_focused_normal.png b/src/assets/metacity-1/assets/menu_focused_normal.png new file mode 120000 index 0000000..f515719 --- /dev/null +++ b/src/assets/metacity-1/assets/menu_focused_normal.png @@ -0,0 +1 @@ +menu.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_focused_prelight.png b/src/assets/metacity-1/assets/menu_focused_prelight.png new file mode 100644 index 0000000..d7960eb Binary files /dev/null and b/src/assets/metacity-1/assets/menu_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/menu_focused_pressed.png b/src/assets/metacity-1/assets/menu_focused_pressed.png new file mode 100644 index 0000000..79baac0 Binary files /dev/null and b/src/assets/metacity-1/assets/menu_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/menu_unfocused.png b/src/assets/metacity-1/assets/menu_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/menu_unfocused.png differ diff --git a/src/assets/metacity-1/assets/menu_unfocused_prelight.png b/src/assets/metacity-1/assets/menu_unfocused_prelight.png new file mode 120000 index 0000000..6c1d9f7 --- /dev/null +++ b/src/assets/metacity-1/assets/menu_unfocused_prelight.png @@ -0,0 +1 @@ +menu_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_unfocused_pressed.png b/src/assets/metacity-1/assets/menu_unfocused_pressed.png new file mode 120000 index 0000000..4d62f69 --- /dev/null +++ b/src/assets/metacity-1/assets/menu_unfocused_pressed.png @@ -0,0 +1 @@ +menu_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize.png b/src/assets/metacity-1/assets/minimize.png new file mode 100644 index 0000000..682950a Binary files /dev/null and b/src/assets/metacity-1/assets/minimize.png differ diff --git a/src/assets/metacity-1/assets/minimize_focused.png b/src/assets/metacity-1/assets/minimize_focused.png new file mode 120000 index 0000000..09b7f0a --- /dev/null +++ b/src/assets/metacity-1/assets/minimize_focused.png @@ -0,0 +1 @@ +minimize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_focused_normal.png b/src/assets/metacity-1/assets/minimize_focused_normal.png new file mode 120000 index 0000000..09b7f0a --- /dev/null +++ b/src/assets/metacity-1/assets/minimize_focused_normal.png @@ -0,0 +1 @@ +minimize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_focused_prelight.png b/src/assets/metacity-1/assets/minimize_focused_prelight.png new file mode 100644 index 0000000..dba6e23 Binary files /dev/null and b/src/assets/metacity-1/assets/minimize_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/minimize_focused_pressed.png b/src/assets/metacity-1/assets/minimize_focused_pressed.png new file mode 100644 index 0000000..f49c5d7 Binary files /dev/null and b/src/assets/metacity-1/assets/minimize_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/minimize_unfocused.png b/src/assets/metacity-1/assets/minimize_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/minimize_unfocused.png differ diff --git a/src/assets/metacity-1/assets/minimize_unfocused_prelight.png b/src/assets/metacity-1/assets/minimize_unfocused_prelight.png new file mode 120000 index 0000000..2971cc1 --- /dev/null +++ b/src/assets/metacity-1/assets/minimize_unfocused_prelight.png @@ -0,0 +1 @@ +minimize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_unfocused_pressed.png b/src/assets/metacity-1/assets/minimize_unfocused_pressed.png new file mode 120000 index 0000000..2ee877c --- /dev/null +++ b/src/assets/metacity-1/assets/minimize_unfocused_pressed.png @@ -0,0 +1 @@ +minimize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade.png b/src/assets/metacity-1/assets/shade.png new file mode 100644 index 0000000..a21f4c3 Binary files /dev/null and b/src/assets/metacity-1/assets/shade.png differ diff --git a/src/assets/metacity-1/assets/shade_focused.png b/src/assets/metacity-1/assets/shade_focused.png new file mode 120000 index 0000000..3a2c645 --- /dev/null +++ b/src/assets/metacity-1/assets/shade_focused.png @@ -0,0 +1 @@ +shade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_focused_normal.png b/src/assets/metacity-1/assets/shade_focused_normal.png new file mode 120000 index 0000000..3a2c645 --- /dev/null +++ b/src/assets/metacity-1/assets/shade_focused_normal.png @@ -0,0 +1 @@ +shade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_focused_prelight.png b/src/assets/metacity-1/assets/shade_focused_prelight.png new file mode 100644 index 0000000..d1676d2 Binary files /dev/null and b/src/assets/metacity-1/assets/shade_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/shade_focused_pressed.png b/src/assets/metacity-1/assets/shade_focused_pressed.png new file mode 100644 index 0000000..0e8e174 Binary files /dev/null and b/src/assets/metacity-1/assets/shade_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/shade_unfocused.png b/src/assets/metacity-1/assets/shade_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/shade_unfocused.png differ diff --git a/src/assets/metacity-1/assets/shade_unfocused_prelight.png b/src/assets/metacity-1/assets/shade_unfocused_prelight.png new file mode 120000 index 0000000..83bd57a --- /dev/null +++ b/src/assets/metacity-1/assets/shade_unfocused_prelight.png @@ -0,0 +1 @@ +shade_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_unfocused_pressed.png b/src/assets/metacity-1/assets/shade_unfocused_pressed.png new file mode 120000 index 0000000..840a495 --- /dev/null +++ b/src/assets/metacity-1/assets/shade_unfocused_pressed.png @@ -0,0 +1 @@ +shade_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize.png b/src/assets/metacity-1/assets/unmaximize.png new file mode 100644 index 0000000..0c90201 Binary files /dev/null and b/src/assets/metacity-1/assets/unmaximize.png differ diff --git a/src/assets/metacity-1/assets/unmaximize_focused.png b/src/assets/metacity-1/assets/unmaximize_focused.png new file mode 120000 index 0000000..f53cc35 --- /dev/null +++ b/src/assets/metacity-1/assets/unmaximize_focused.png @@ -0,0 +1 @@ +unmaximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_focused_normal.png b/src/assets/metacity-1/assets/unmaximize_focused_normal.png new file mode 120000 index 0000000..f53cc35 --- /dev/null +++ b/src/assets/metacity-1/assets/unmaximize_focused_normal.png @@ -0,0 +1 @@ +unmaximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_focused_prelight.png b/src/assets/metacity-1/assets/unmaximize_focused_prelight.png new file mode 100644 index 0000000..3c71eb5 Binary files /dev/null and b/src/assets/metacity-1/assets/unmaximize_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/unmaximize_focused_pressed.png b/src/assets/metacity-1/assets/unmaximize_focused_pressed.png new file mode 100644 index 0000000..9c379ea Binary files /dev/null and b/src/assets/metacity-1/assets/unmaximize_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused.png b/src/assets/metacity-1/assets/unmaximize_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/unmaximize_unfocused.png differ diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png b/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png new file mode 120000 index 0000000..823c61c --- /dev/null +++ b/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png @@ -0,0 +1 @@ +unmaximize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png b/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png new file mode 120000 index 0000000..31d69fe --- /dev/null +++ b/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png @@ -0,0 +1 @@ +unmaximize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade.png b/src/assets/metacity-1/assets/unshade.png new file mode 100644 index 0000000..a21f4c3 Binary files /dev/null and b/src/assets/metacity-1/assets/unshade.png differ diff --git a/src/assets/metacity-1/assets/unshade_focused.png b/src/assets/metacity-1/assets/unshade_focused.png new file mode 120000 index 0000000..e8a3f34 --- /dev/null +++ b/src/assets/metacity-1/assets/unshade_focused.png @@ -0,0 +1 @@ +unshade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_focused_normal.png b/src/assets/metacity-1/assets/unshade_focused_normal.png new file mode 120000 index 0000000..e8a3f34 --- /dev/null +++ b/src/assets/metacity-1/assets/unshade_focused_normal.png @@ -0,0 +1 @@ +unshade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_focused_prelight.png b/src/assets/metacity-1/assets/unshade_focused_prelight.png new file mode 100644 index 0000000..2b335ec Binary files /dev/null and b/src/assets/metacity-1/assets/unshade_focused_prelight.png differ diff --git a/src/assets/metacity-1/assets/unshade_focused_pressed.png b/src/assets/metacity-1/assets/unshade_focused_pressed.png new file mode 100644 index 0000000..3312c27 Binary files /dev/null and b/src/assets/metacity-1/assets/unshade_focused_pressed.png differ diff --git a/src/assets/metacity-1/assets/unshade_unfocused.png b/src/assets/metacity-1/assets/unshade_unfocused.png new file mode 100644 index 0000000..6090bef Binary files /dev/null and b/src/assets/metacity-1/assets/unshade_unfocused.png differ diff --git a/src/assets/metacity-1/assets/unshade_unfocused_prelight.png b/src/assets/metacity-1/assets/unshade_unfocused_prelight.png new file mode 120000 index 0000000..0e642cb --- /dev/null +++ b/src/assets/metacity-1/assets/unshade_unfocused_prelight.png @@ -0,0 +1 @@ +unshade_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_unfocused_pressed.png b/src/assets/metacity-1/assets/unshade_unfocused_pressed.png new file mode 120000 index 0000000..c0c67eb --- /dev/null +++ b/src/assets/metacity-1/assets/unshade_unfocused_pressed.png @@ -0,0 +1 @@ +unshade_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/render-assets.sh b/src/assets/metacity-1/render-assets.sh new file mode 100755 index 0000000..7f6371b --- /dev/null +++ b/src/assets/metacity-1/render-assets.sh @@ -0,0 +1,57 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ + # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +done + +# links +cd $ASSETS_DIR +ln -s close.png close_focused.png +ln -s close.png close_focused_normal.png +ln -s close_focused_prelight.png close_unfocused_prelight.png +ln -s close_focused_pressed.png close_unfocused_pressed.png +ln -s maximize.png maximize_focused.png +ln -s maximize.png maximize_focused_normal.png +ln -s maximize_focused_prelight.png maximize_unfocused_prelight.png +ln -s maximize_focused_pressed.png maximize_unfocused_pressed.png +ln -s minimize.png minimize_focused.png +ln -s minimize.png minimize_focused_normal.png +ln -s minimize_focused_prelight.png minimize_unfocused_prelight.png +ln -s minimize_focused_pressed.png minimize_unfocused_pressed.png +ln -s unmaximize.png unmaximize_focused.png +ln -s unmaximize.png unmaximize_focused_normal.png +ln -s unmaximize_focused_prelight.png unmaximize_unfocused_prelight.png +ln -s unmaximize_focused_pressed.png unmaximize_unfocused_pressed.png +ln -s shade.png shade_focused.png +ln -s shade.png shade_focused_normal.png +ln -s shade_focused_prelight.png shade_unfocused_prelight.png +ln -s shade_focused_pressed.png shade_unfocused_pressed.png +ln -s unshade.png unshade_focused.png +ln -s unshade.png unshade_focused_normal.png +ln -s unshade_focused_prelight.png unshade_unfocused_prelight.png +ln -s unshade_focused_pressed.png unshade_unfocused_pressed.png +ln -s menu.png menu_focused.png +ln -s menu.png menu_focused_normal.png +ln -s menu_focused_prelight.png menu_unfocused_prelight.png +ln -s menu_focused_pressed.png menu_unfocused_pressed.png + +exit 0 diff --git a/src/assets/metacity-1/thumbnail-dark.png b/src/assets/metacity-1/thumbnail-dark.png new file mode 100644 index 0000000..0839ba2 Binary files /dev/null and b/src/assets/metacity-1/thumbnail-dark.png differ diff --git a/src/assets/metacity-1/thumbnail-light.png b/src/assets/metacity-1/thumbnail-light.png new file mode 100644 index 0000000..770895c Binary files /dev/null and b/src/assets/metacity-1/thumbnail-light.png differ diff --git a/src/assets/metacity-1/thumbnail.svg b/src/assets/metacity-1/thumbnail.svg new file mode 100644 index 0000000..945c723 --- /dev/null +++ b/src/assets/metacity-1/thumbnail.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/xfwm4/assets-dark.svg b/src/assets/xfwm4/assets-dark.svg new file mode 100644 index 0000000..6b389dc --- /dev/null +++ b/src/assets/xfwm4/assets-dark.svg @@ -0,0 +1,2338 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/xfwm4/assets-dark/bottom-active.png b/src/assets/xfwm4/assets-dark/bottom-active.png new file mode 100644 index 0000000..c951088 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-active.png differ diff --git a/src/assets/xfwm4/assets-dark/bottom-inactive.png b/src/assets/xfwm4/assets-dark/bottom-inactive.png new file mode 100644 index 0000000..c951088 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/bottom-left-active.png b/src/assets/xfwm4/assets-dark/bottom-left-active.png new file mode 100644 index 0000000..5b93984 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-left-active.png differ diff --git a/src/assets/xfwm4/assets-dark/bottom-left-inactive.png b/src/assets/xfwm4/assets-dark/bottom-left-inactive.png new file mode 100644 index 0000000..5b93984 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-left-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/bottom-right-active.png b/src/assets/xfwm4/assets-dark/bottom-right-active.png new file mode 100644 index 0000000..f2ff6bf Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-right-active.png differ diff --git a/src/assets/xfwm4/assets-dark/bottom-right-inactive.png b/src/assets/xfwm4/assets-dark/bottom-right-inactive.png new file mode 100644 index 0000000..f2ff6bf Binary files /dev/null and b/src/assets/xfwm4/assets-dark/bottom-right-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/close-active.png b/src/assets/xfwm4/assets-dark/close-active.png new file mode 100644 index 0000000..4c920e4 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/close-active.png differ diff --git a/src/assets/xfwm4/assets-dark/close-inactive.png b/src/assets/xfwm4/assets-dark/close-inactive.png new file mode 100644 index 0000000..c4cba69 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/close-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/close-prelight.png b/src/assets/xfwm4/assets-dark/close-prelight.png new file mode 100644 index 0000000..827a6b9 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/close-prelight.png differ diff --git a/src/assets/xfwm4/assets-dark/close-pressed.png b/src/assets/xfwm4/assets-dark/close-pressed.png new file mode 100644 index 0000000..c96cd53 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/close-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/hide-active.png b/src/assets/xfwm4/assets-dark/hide-active.png new file mode 100644 index 0000000..6023502 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/hide-active.png differ diff --git a/src/assets/xfwm4/assets-dark/hide-inactive.png b/src/assets/xfwm4/assets-dark/hide-inactive.png new file mode 100644 index 0000000..c4cba69 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/hide-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/hide-prelight.png b/src/assets/xfwm4/assets-dark/hide-prelight.png new file mode 100644 index 0000000..3c093f0 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/hide-prelight.png differ diff --git a/src/assets/xfwm4/assets-dark/hide-pressed.png b/src/assets/xfwm4/assets-dark/hide-pressed.png new file mode 100644 index 0000000..2da97e3 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/hide-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/left-active.png b/src/assets/xfwm4/assets-dark/left-active.png new file mode 100644 index 0000000..fa2637d Binary files /dev/null and b/src/assets/xfwm4/assets-dark/left-active.png differ diff --git a/src/assets/xfwm4/assets-dark/left-inactive.png b/src/assets/xfwm4/assets-dark/left-inactive.png new file mode 100644 index 0000000..fa2637d Binary files /dev/null and b/src/assets/xfwm4/assets-dark/left-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-active.png b/src/assets/xfwm4/assets-dark/maximize-active.png new file mode 100644 index 0000000..ce45dca Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-active.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-inactive.png b/src/assets/xfwm4/assets-dark/maximize-inactive.png new file mode 100644 index 0000000..c4cba69 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-prelight.png b/src/assets/xfwm4/assets-dark/maximize-prelight.png new file mode 100644 index 0000000..8bc8255 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-prelight.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-pressed.png b/src/assets/xfwm4/assets-dark/maximize-pressed.png new file mode 100644 index 0000000..bc57280 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-active.png b/src/assets/xfwm4/assets-dark/maximize-toggled-active.png new file mode 100644 index 0000000..ce45dca Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-toggled-active.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png b/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png new file mode 100644 index 0000000..c4cba69 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png b/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png new file mode 100644 index 0000000..3ec3dab Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png b/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png new file mode 100644 index 0000000..bd3df7d Binary files /dev/null and b/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/menu-active.png b/src/assets/xfwm4/assets-dark/menu-active.png new file mode 100644 index 0000000..d90d5bf Binary files /dev/null and b/src/assets/xfwm4/assets-dark/menu-active.png differ diff --git a/src/assets/xfwm4/assets-dark/menu-inactive.png b/src/assets/xfwm4/assets-dark/menu-inactive.png new file mode 100644 index 0000000..46447c9 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/menu-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/menu-pressed.png b/src/assets/xfwm4/assets-dark/menu-pressed.png new file mode 100644 index 0000000..b62d929 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/menu-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/right-active.png b/src/assets/xfwm4/assets-dark/right-active.png new file mode 100644 index 0000000..dd528cf Binary files /dev/null and b/src/assets/xfwm4/assets-dark/right-active.png differ diff --git a/src/assets/xfwm4/assets-dark/right-inactive.png b/src/assets/xfwm4/assets-dark/right-inactive.png new file mode 100644 index 0000000..dd528cf Binary files /dev/null and b/src/assets/xfwm4/assets-dark/right-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/shade-active.png b/src/assets/xfwm4/assets-dark/shade-active.png new file mode 100644 index 0000000..95df28f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/shade-active.png differ diff --git a/src/assets/xfwm4/assets-dark/shade-inactive.png b/src/assets/xfwm4/assets-dark/shade-inactive.png new file mode 100644 index 0000000..ca62537 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/shade-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/shade-pressed.png b/src/assets/xfwm4/assets-dark/shade-pressed.png new file mode 100644 index 0000000..56fb754 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/shade-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/stick-active.png b/src/assets/xfwm4/assets-dark/stick-active.png new file mode 100644 index 0000000..1534046 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/stick-active.png differ diff --git a/src/assets/xfwm4/assets-dark/stick-inactive.png b/src/assets/xfwm4/assets-dark/stick-inactive.png new file mode 100644 index 0000000..1c935af Binary files /dev/null and b/src/assets/xfwm4/assets-dark/stick-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/stick-pressed.png b/src/assets/xfwm4/assets-dark/stick-pressed.png new file mode 100644 index 0000000..b726f36 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/stick-pressed.png differ diff --git a/src/assets/xfwm4/assets-dark/title-1-active.png b/src/assets/xfwm4/assets-dark/title-1-active.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-1-active.png differ diff --git a/src/assets/xfwm4/assets-dark/title-1-inactive.png b/src/assets/xfwm4/assets-dark/title-1-inactive.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-1-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/title-2-active.png b/src/assets/xfwm4/assets-dark/title-2-active.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-2-active.png differ diff --git a/src/assets/xfwm4/assets-dark/title-2-inactive.png b/src/assets/xfwm4/assets-dark/title-2-inactive.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-2-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/title-3-active.png b/src/assets/xfwm4/assets-dark/title-3-active.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-3-active.png differ diff --git a/src/assets/xfwm4/assets-dark/title-3-inactive.png b/src/assets/xfwm4/assets-dark/title-3-inactive.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-3-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/title-4-active.png b/src/assets/xfwm4/assets-dark/title-4-active.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-4-active.png differ diff --git a/src/assets/xfwm4/assets-dark/title-4-inactive.png b/src/assets/xfwm4/assets-dark/title-4-inactive.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-4-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/title-5-active.png b/src/assets/xfwm4/assets-dark/title-5-active.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-5-active.png differ diff --git a/src/assets/xfwm4/assets-dark/title-5-inactive.png b/src/assets/xfwm4/assets-dark/title-5-inactive.png new file mode 100644 index 0000000..80f7b5f Binary files /dev/null and b/src/assets/xfwm4/assets-dark/title-5-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/top-left-active.png b/src/assets/xfwm4/assets-dark/top-left-active.png new file mode 100644 index 0000000..786ea68 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/top-left-active.png differ diff --git a/src/assets/xfwm4/assets-dark/top-left-inactive.png b/src/assets/xfwm4/assets-dark/top-left-inactive.png new file mode 100644 index 0000000..786ea68 Binary files /dev/null and b/src/assets/xfwm4/assets-dark/top-left-inactive.png differ diff --git a/src/assets/xfwm4/assets-dark/top-right-active.png b/src/assets/xfwm4/assets-dark/top-right-active.png new file mode 100644 index 0000000..7411e7e Binary files /dev/null and b/src/assets/xfwm4/assets-dark/top-right-active.png differ diff --git a/src/assets/xfwm4/assets-dark/top-right-inactive.png b/src/assets/xfwm4/assets-dark/top-right-inactive.png new file mode 100644 index 0000000..7411e7e Binary files /dev/null and b/src/assets/xfwm4/assets-dark/top-right-inactive.png differ diff --git a/src/assets/xfwm4/assets-light.svg b/src/assets/xfwm4/assets-light.svg new file mode 100644 index 0000000..a33e979 --- /dev/null +++ b/src/assets/xfwm4/assets-light.svg @@ -0,0 +1,2332 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/xfwm4/assets-light/bottom-active.png b/src/assets/xfwm4/assets-light/bottom-active.png new file mode 100644 index 0000000..cb4d3b5 Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-active.png differ diff --git a/src/assets/xfwm4/assets-light/bottom-inactive.png b/src/assets/xfwm4/assets-light/bottom-inactive.png new file mode 100644 index 0000000..cb4d3b5 Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/bottom-left-active.png b/src/assets/xfwm4/assets-light/bottom-left-active.png new file mode 100644 index 0000000..a46701a Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-left-active.png differ diff --git a/src/assets/xfwm4/assets-light/bottom-left-inactive.png b/src/assets/xfwm4/assets-light/bottom-left-inactive.png new file mode 100644 index 0000000..a46701a Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-left-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/bottom-right-active.png b/src/assets/xfwm4/assets-light/bottom-right-active.png new file mode 100644 index 0000000..175d449 Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-right-active.png differ diff --git a/src/assets/xfwm4/assets-light/bottom-right-inactive.png b/src/assets/xfwm4/assets-light/bottom-right-inactive.png new file mode 100644 index 0000000..175d449 Binary files /dev/null and b/src/assets/xfwm4/assets-light/bottom-right-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/close-active.png b/src/assets/xfwm4/assets-light/close-active.png new file mode 100644 index 0000000..59366b3 Binary files /dev/null and b/src/assets/xfwm4/assets-light/close-active.png differ diff --git a/src/assets/xfwm4/assets-light/close-inactive.png b/src/assets/xfwm4/assets-light/close-inactive.png new file mode 100644 index 0000000..9f6ec7a Binary files /dev/null and b/src/assets/xfwm4/assets-light/close-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/close-prelight.png b/src/assets/xfwm4/assets-light/close-prelight.png new file mode 100644 index 0000000..b647f40 Binary files /dev/null and b/src/assets/xfwm4/assets-light/close-prelight.png differ diff --git a/src/assets/xfwm4/assets-light/close-pressed.png b/src/assets/xfwm4/assets-light/close-pressed.png new file mode 100644 index 0000000..ef70fa4 Binary files /dev/null and b/src/assets/xfwm4/assets-light/close-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/hide-active.png b/src/assets/xfwm4/assets-light/hide-active.png new file mode 100644 index 0000000..8795400 Binary files /dev/null and b/src/assets/xfwm4/assets-light/hide-active.png differ diff --git a/src/assets/xfwm4/assets-light/hide-inactive.png b/src/assets/xfwm4/assets-light/hide-inactive.png new file mode 100644 index 0000000..9f6ec7a Binary files /dev/null and b/src/assets/xfwm4/assets-light/hide-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/hide-prelight.png b/src/assets/xfwm4/assets-light/hide-prelight.png new file mode 100644 index 0000000..6ed74dc Binary files /dev/null and b/src/assets/xfwm4/assets-light/hide-prelight.png differ diff --git a/src/assets/xfwm4/assets-light/hide-pressed.png b/src/assets/xfwm4/assets-light/hide-pressed.png new file mode 100644 index 0000000..c752879 Binary files /dev/null and b/src/assets/xfwm4/assets-light/hide-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/left-active.png b/src/assets/xfwm4/assets-light/left-active.png new file mode 100644 index 0000000..6980208 Binary files /dev/null and b/src/assets/xfwm4/assets-light/left-active.png differ diff --git a/src/assets/xfwm4/assets-light/left-inactive.png b/src/assets/xfwm4/assets-light/left-inactive.png new file mode 100644 index 0000000..6980208 Binary files /dev/null and b/src/assets/xfwm4/assets-light/left-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-active.png b/src/assets/xfwm4/assets-light/maximize-active.png new file mode 100644 index 0000000..96ed900 Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-active.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-inactive.png b/src/assets/xfwm4/assets-light/maximize-inactive.png new file mode 100644 index 0000000..9f6ec7a Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-prelight.png b/src/assets/xfwm4/assets-light/maximize-prelight.png new file mode 100644 index 0000000..64003da Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-prelight.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-pressed.png b/src/assets/xfwm4/assets-light/maximize-pressed.png new file mode 100644 index 0000000..59857e9 Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-active.png b/src/assets/xfwm4/assets-light/maximize-toggled-active.png new file mode 100644 index 0000000..96ed900 Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-toggled-active.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png b/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png new file mode 100644 index 0000000..9f6ec7a Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png b/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png new file mode 100644 index 0000000..3cc5a02 Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png b/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png new file mode 100644 index 0000000..f76f16e Binary files /dev/null and b/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/menu-active.png b/src/assets/xfwm4/assets-light/menu-active.png new file mode 100644 index 0000000..9561417 Binary files /dev/null and b/src/assets/xfwm4/assets-light/menu-active.png differ diff --git a/src/assets/xfwm4/assets-light/menu-inactive.png b/src/assets/xfwm4/assets-light/menu-inactive.png new file mode 100644 index 0000000..e344218 Binary files /dev/null and b/src/assets/xfwm4/assets-light/menu-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/menu-pressed.png b/src/assets/xfwm4/assets-light/menu-pressed.png new file mode 100644 index 0000000..885f473 Binary files /dev/null and b/src/assets/xfwm4/assets-light/menu-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/right-active.png b/src/assets/xfwm4/assets-light/right-active.png new file mode 100644 index 0000000..fcd3fee Binary files /dev/null and b/src/assets/xfwm4/assets-light/right-active.png differ diff --git a/src/assets/xfwm4/assets-light/right-inactive.png b/src/assets/xfwm4/assets-light/right-inactive.png new file mode 100644 index 0000000..fcd3fee Binary files /dev/null and b/src/assets/xfwm4/assets-light/right-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/shade-active.png b/src/assets/xfwm4/assets-light/shade-active.png new file mode 100644 index 0000000..8029451 Binary files /dev/null and b/src/assets/xfwm4/assets-light/shade-active.png differ diff --git a/src/assets/xfwm4/assets-light/shade-inactive.png b/src/assets/xfwm4/assets-light/shade-inactive.png new file mode 100644 index 0000000..595222e Binary files /dev/null and b/src/assets/xfwm4/assets-light/shade-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/shade-pressed.png b/src/assets/xfwm4/assets-light/shade-pressed.png new file mode 100644 index 0000000..2209f2c Binary files /dev/null and b/src/assets/xfwm4/assets-light/shade-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/stick-active.png b/src/assets/xfwm4/assets-light/stick-active.png new file mode 100644 index 0000000..eafe041 Binary files /dev/null and b/src/assets/xfwm4/assets-light/stick-active.png differ diff --git a/src/assets/xfwm4/assets-light/stick-inactive.png b/src/assets/xfwm4/assets-light/stick-inactive.png new file mode 100644 index 0000000..e9a684d Binary files /dev/null and b/src/assets/xfwm4/assets-light/stick-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/stick-pressed.png b/src/assets/xfwm4/assets-light/stick-pressed.png new file mode 100644 index 0000000..a54747d Binary files /dev/null and b/src/assets/xfwm4/assets-light/stick-pressed.png differ diff --git a/src/assets/xfwm4/assets-light/title-1-active.png b/src/assets/xfwm4/assets-light/title-1-active.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-1-active.png differ diff --git a/src/assets/xfwm4/assets-light/title-1-inactive.png b/src/assets/xfwm4/assets-light/title-1-inactive.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-1-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/title-2-active.png b/src/assets/xfwm4/assets-light/title-2-active.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-2-active.png differ diff --git a/src/assets/xfwm4/assets-light/title-2-inactive.png b/src/assets/xfwm4/assets-light/title-2-inactive.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-2-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/title-3-active.png b/src/assets/xfwm4/assets-light/title-3-active.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-3-active.png differ diff --git a/src/assets/xfwm4/assets-light/title-3-inactive.png b/src/assets/xfwm4/assets-light/title-3-inactive.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-3-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/title-4-active.png b/src/assets/xfwm4/assets-light/title-4-active.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-4-active.png differ diff --git a/src/assets/xfwm4/assets-light/title-4-inactive.png b/src/assets/xfwm4/assets-light/title-4-inactive.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-4-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/title-5-active.png b/src/assets/xfwm4/assets-light/title-5-active.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-5-active.png differ diff --git a/src/assets/xfwm4/assets-light/title-5-inactive.png b/src/assets/xfwm4/assets-light/title-5-inactive.png new file mode 100644 index 0000000..f22a598 Binary files /dev/null and b/src/assets/xfwm4/assets-light/title-5-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/top-left-active.png b/src/assets/xfwm4/assets-light/top-left-active.png new file mode 100644 index 0000000..4346903 Binary files /dev/null and b/src/assets/xfwm4/assets-light/top-left-active.png differ diff --git a/src/assets/xfwm4/assets-light/top-left-inactive.png b/src/assets/xfwm4/assets-light/top-left-inactive.png new file mode 100644 index 0000000..4346903 Binary files /dev/null and b/src/assets/xfwm4/assets-light/top-left-inactive.png differ diff --git a/src/assets/xfwm4/assets-light/top-right-active.png b/src/assets/xfwm4/assets-light/top-right-active.png new file mode 100644 index 0000000..56cc952 Binary files /dev/null and b/src/assets/xfwm4/assets-light/top-right-active.png differ diff --git a/src/assets/xfwm4/assets-light/top-right-inactive.png b/src/assets/xfwm4/assets-light/top-right-inactive.png new file mode 100644 index 0000000..56cc952 Binary files /dev/null and b/src/assets/xfwm4/assets-light/top-right-inactive.png differ diff --git a/src/assets/xfwm4/assets.txt b/src/assets/xfwm4/assets.txt new file mode 100644 index 0000000..0aad7e2 --- /dev/null +++ b/src/assets/xfwm4/assets.txt @@ -0,0 +1,49 @@ +close-active +close-inactive +close-prelight +close-pressed +hide-active +hide-inactive +hide-prelight +hide-pressed +maximize-active +maximize-inactive +maximize-prelight +maximize-pressed +maximize-toggled-active +maximize-toggled-inactive +maximize-toggled-prelight +maximize-toggled-pressed +menu-active +menu-inactive +menu-pressed +shade-active +shade-inactive +shade-pressed +stick-active +stick-inactive +stick-pressed +title-1-active +title-1-inactive +title-2-active +title-2-inactive +title-3-active +title-3-inactive +title-4-active +title-4-inactive +title-5-active +title-5-inactive +top-left-active +top-left-inactive +top-right-active +top-right-inactive +left-active +left-inactive +right-active +right-inactive +bottom-active +bottom-inactive +bottom-left-active +bottom-left-inactive +bottom-right-active +bottom-right-inactive diff --git a/src/assets/xfwm4/render-assets.sh b/src/assets/xfwm4/render-assets.sh new file mode 100755 index 0000000..5a85eef --- /dev/null +++ b/src/assets/xfwm4/render-assets.sh @@ -0,0 +1,38 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets-light.svg" +DARK_SRC_FILE="assets-dark.svg" +ASSETS_DIR="assets-light" +DARK_ASSETS_DIR="assets-dark" + +INDEX="assets.txt" + +mkdir -p $ASSETS_DIR && mkdir -p $DARK_ASSETS_DIR + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $DARK_ASSETS_DIR/$i.png ]; then + echo $DARK_ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $DARK_ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-png=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png +fi +done +exit 0 diff --git a/src/main/cinnamon/cinnamon-dark-solid.css b/src/main/cinnamon/cinnamon-dark-solid.css new file mode 100644 index 0000000..70ed353 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid.css @@ -0,0 +1,2309 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #0860f2; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 1px solid #6887cd; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #0860f2; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 50px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #0860f2; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #0860f2; + color: white; + border: 1px solid #0860f2; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #0860f2; + background-color: #0860f2; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #0860f2; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #0860f2; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #0860f2; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #0860f2; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #0860f2; + border: 0px solid #0860f2; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #0860f2; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #0860f2; + border: 1px solid #0860f2; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #0860f2; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #0860f2; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #0860f2; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #0860f2; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #0860f2; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #0860f2; +} + +.workspace-button:hover { + color: #357ef8; +} + +/* 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 #0860f2; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #0860f2; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #0860f2; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #0860f2; + background-color: rgba(8, 96, 242, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid.scss b/src/main/cinnamon/cinnamon-dark-solid.scss new file mode 100644 index 0000000..a0c7756 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid.scss @@ -0,0 +1,8 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark.css b/src/main/cinnamon/cinnamon-dark.css new file mode 100644 index 0000000..46d4e81 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark.css @@ -0,0 +1,2309 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #0860f2; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.05); +} + +#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: #dadada; + border: 1px solid #6887cd; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #0860f2; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 50px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #dadada; + font-size: 1em; + padding: 0px; + background-color: rgba(42, 42, 42, 0.95); + 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: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.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: #0860f2; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.72); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #0860f2; + color: white; + border: 1px solid #0860f2; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #0860f2; + background-color: #0860f2; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #0860f2; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #0860f2; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + background-color: #242424; + 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: #dedede; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 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: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #0860f2; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #0860f2; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #0860f2; + border: 0px solid #0860f2; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #0860f2; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #0860f2; + border: 1px solid #0860f2; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #0860f2; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: rgba(42, 42, 42, 0.85); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: rgba(42, 42, 42, 0.85); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #0860f2; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #0860f2; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #0860f2; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #0860f2; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.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 #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -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: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #0860f2; +} + +.workspace-button:hover { + color: #357ef8; +} + +/* 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 #0860f2; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(80, 80, 80, 0.85); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(80, 80, 80, 0.85); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(93, 93, 93, 0.85); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(55, 55, 55, 0.85); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #0860f2; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #0860f2; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #0860f2; + background-color: rgba(8, 96, 242, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark.scss b/src/main/cinnamon/cinnamon-dark.scss new file mode 100644 index 0000000..ea06e93 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark.scss @@ -0,0 +1,8 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid.css b/src/main/cinnamon/cinnamon-light-solid.css new file mode 100644 index 0000000..4e3de53 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid.css @@ -0,0 +1,2293 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #0860f2; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 1px solid #6887cd; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #0860f2; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 50px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #0860f2; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #0860f2; + color: white; + border: 1px solid #0860f2; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.08); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #0860f2; + background-color: #0860f2; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #0860f2; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #0860f2; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #0860f2; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #0860f2; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #0860f2; + border: 0px solid #0860f2; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #0860f2; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.08); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #0860f2; + border: 1px solid #0860f2; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #0860f2; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.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: 2px; + color: #0860f2; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #0860f2; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #0860f2; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #0860f2; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.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 #161616; + 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: #0860f2; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #0860f2; +} + +.workspace-button:hover { + color: #357ef8; +} + +/* 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 #0860f2; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #0860f2; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #0860f2; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #0860f2; + background-color: rgba(8, 96, 242, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid.scss b/src/main/cinnamon/cinnamon-light-solid.scss new file mode 100644 index 0000000..3f507ce --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid.scss @@ -0,0 +1,8 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light.css b/src/main/cinnamon/cinnamon-light.css new file mode 100644 index 0000000..a01114f --- /dev/null +++ b/src/main/cinnamon/cinnamon-light.css @@ -0,0 +1,2293 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .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 { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #0860f2; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #0860f2; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.05); +} + +#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: #363636; + border: 1px solid #6887cd; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0); +} + +#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: #F27835; + padding: 0 4px; +} + +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: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #0860f2; +} + +.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: rgba(0, 0, 0, 0); + -slider-active-background-color: #0860f2; + -slider-active-border-color: rgba(0, 0, 0, 0); + -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; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 50px; + 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: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.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: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.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: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -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; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + 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: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 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: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + 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: #363636; + font-size: 1em; + padding: 0px; + background-color: rgba(241, 241, 241, 0.95); + 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: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.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: #0860f2; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #0860f2; + color: white; + border: 1px solid #0860f2; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.08); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #0860f2; + background-color: #0860f2; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #0860f2; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #0860f2; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.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: 10px; +} + +.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: 2px; + 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: #242424; + 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: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 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: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #0860f2; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#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: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #0860f2; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #0860f2; + border: 0px solid #0860f2; +} + +.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: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.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: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + 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: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.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: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #0860f2; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + border: 1px solid rgba(0, 0, 0, 0.08); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #0860f2; + border: 1px solid #0860f2; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.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: #F27835; +} + +.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: #2a2a2a; + 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: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -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; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #0860f2; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #0860f2; +} + +.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 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.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; +} + +.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: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: rgba(241, 241, 241, 0.85); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: rgba(241, 241, 241, 0.85); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.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: 2px; + color: #0860f2; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #0860f2; +} + +.window-list-box { + spacing: 0; +} + +.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(252, 65, 56, 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: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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-width: 2px; +} + +.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: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.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: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + 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(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #0860f2; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #0860f2; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(8, 96, 242, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(8, 96, 242, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #0860f2; + background-gradient-end: #0860f2; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.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 3px; +} + +.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: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.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: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #0860f2; +} + +.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 #161616; + 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: #0860f2; + -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: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #0860f2; +} + +.workspace-button:hover { + color: #357ef8; +} + +/* 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 #0860f2; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.85); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.85); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.85); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(254, 254, 254, 0.85); + -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; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #0860f2; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #0860f2; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #0860f2; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + 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(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + 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 #0860f2; + background-color: rgba(8, 96, 242, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light.scss b/src/main/cinnamon/cinnamon-light.scss new file mode 100644 index 0000000..add0d0e --- /dev/null +++ b/src/main/cinnamon/cinnamon-light.scss @@ -0,0 +1,8 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.css b/src/main/gnome-shell/gnome-shell-dark-solid.css new file mode 100644 index 0000000..7a8c814 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid.css @@ -0,0 +1,3771 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; +} + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +/* Entries */ +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-radius: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.06); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.06); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +/* Slider */ +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: 8px; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.06); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(8, 96, 242, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(8, 96, 242, 0.3); +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* links */ +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.modal-dialog .modal-dialog-content-box { + padding: 24px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; +} + +.modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.modal-dialog .run-dialog-button-box { + padding-top: 1em; +} + +.modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: #999999; + padding-bottom: .4em; +} + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; +} + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; +} + +.message-dialog-content { + max-width: 28em; + spacing: 20px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; +} + +.message-dialog-subtitle { + color: #afafaf; + font-weight: bold; +} + +/* Dialog List */ +.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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; +} + +.end-session-dialog-layout:rtl { + padding-right: 17px; +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; +} + +.end-session-dialog-description:rtl { + text-align: right; +} + +.end-session-dialog-warning { + width: 28em; + color: #F27835; + padding-top: 6px; +} + +.end-session-dialog-warning:rtl { + text-align: right; +} + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: #999999; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; +} + +.end-session-dialog-list-header:rtl { + text-align: right; +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: #999999; + font-size: 1em; +} + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.prompt-dialog .message-dialog-content { + spacing: 16px; +} + +.prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: #dedede; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #F27835; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: #FC4138; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; + color: #999999; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; + color: #999999; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 1000px; + background-size: contain; + margin: 6px; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.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.08); +} + +.audio-selection-device:active { + background-color: #0860f2; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 14px; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 10px 10px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 10px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #1366f1; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 10px 10px; +} + +.popup-menu .popup-menu-content { + padding: 6px 0; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + margin: 4px 12px 20px; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding: 6px; + color: #afafaf; + text-shadow: none; + border-radius: 10px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 1.5em; + padding-left: 0; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0; + padding-left: 1.5em; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 10px 10px 0 0; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #1366f1; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #0860f2; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #1366f1; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #0860f2; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 0; + background: none; + padding: 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #0860f2; + -barlevel-overdrive-color: #f8464c; + -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: 16px; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0860f2; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #dedede; + background-color: #242424; + border: none; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); + border-radius: 6px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +/* TOP BAR */ +#panel { + background-color: rgba(0, 0, 0, 0.15); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03), 0 3px 5px rgba(0, 0, 0, 0.03), 0 5px 10px rgba(0, 0, 0, 0.02); +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: rgba(0, 0, 0, 0.15); +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.15); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + height: 0; + width: 0; + margin-left: 0; + margin-right: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.3); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 8px 12px; +} + +.calendar { + margin-bottom: 0; + border: none; + box-shadow: none; + background: none; + padding: 0; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; +} + +.datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-displays-box { + spacing: 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 0; +} + +.datemenu-calendar-column:ltr { + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + border-right-width: 0; +} + +.datemenu-today-button { + min-height: 48px; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 6px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* World Clock */ +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +/* Weather */ +.weather-button { + padding: 12px; +} + +.weather-button .weather-box { + spacing: 0.5em; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 6px; + color: #dedede; + font-weight: bold; + text-align: center; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.calendar-day-base:active { + color: inherit; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; +} + +.calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #3484e2; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +/* Message list */ +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + border-radius: 6px; + border: none; + color: #afafaf; + background-color: #383838; + margin: 4px; + box-shadow: none; + text-shadow: none; +} + +.message:hover, .message:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.message:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.06); + color: #999999; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(8, 96, 242, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +/* 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: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 7px 8px; + color: #dedede; + background-color: #242424; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + text-align: center; + border: none; + -x-offset: 8px; +} + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #085ae3; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder: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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +.search-provider-icon, +.list-search-result, .grid-search-result .overview-icon, .search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/startup@2.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +.app-folder-dialog { + border-radius: 32px; + border: none; + spacing: 12px; + background-color: rgba(16, 16, 16, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.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-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 12px; + width: 800px; + height: 600px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnail-indicator { + border: 0 solid #0860f2; + border-width: 2px; + padding: 6px; + border-radius: 2px; +} + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; +} + +.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0860f2; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.06); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0860f2; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* On-screen Keyboard */ +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); +} + +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 6px; + border: none; + color: inherit; + background-color: #555555; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; +} + +.keyboard-key:checked, .keyboard-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #0754d4; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-size: 20px; +} + +.keyboard-key.default-key, .keyboard-key.enter-key, .keyboard-key.shift-key-lowercase, .keyboard-key.shift-key-uppercase, .keyboard-key.hide-key, .keyboard-key.layout-key { + background-color: #242424; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.shift-key-lowercase:focus, .keyboard-key.shift-key-lowercase:hover, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.hide-key:focus, .keyboard-key.hide-key:hover, .keyboard-key.layout-key:focus, .keyboard-key.layout-key:hover { + color: white; + background-color: #555555; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active, .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active, .keyboard-key.shift-key-lowercase:checked, .keyboard-key.shift-key-lowercase:active, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active, .keyboard-key.hide-key:checked, .keyboard-key.hide-key:active, .keyboard-key.layout-key:checked, .keyboard-key.layout-key:active { + color: white; + background-color: #464646; +} + +.keyboard-key.enter-key { + background-color: #0860f2; + background-image: url("assets/key-enter.svg"); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #1c6ff7; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #064cc1; +} + +.keyboard-key.shift-key-lowercase { + background-image: url("assets/key-shift.svg"); +} + +.keyboard-key.shift-key-uppercase { + background-image: url("assets/key-shift-uppercase.svg"); +} + +.keyboard-key.shift-key-uppercase:latched { + background-image: url("assets/key-shift-latched-uppercase.svg"); +} + +.keyboard-key.hide-key { + background-image: url("assets/key-hide.svg"); +} + +.keyboard-key.layout-key { + background-image: url("assets/key-layout.svg"); +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry { + selection-background-color: rgba(255, 255, 255, 0.1); + selected-background-color: rgba(255, 255, 255, 0.1); + selected-color: #0860f2; + padding: 3px 8px; + min-height: 20px; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.login-dialog StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +.login-dialog StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.06); +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + padding: 0 16px; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #3484e2; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.15); + background-color: #418ce4; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border-color: rgba(51, 51, 51, 0.3); + background-color: rgba(51, 51, 51, 0.3); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.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.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #0860f2; +} + +.login-dialog-user-list-item { + border-radius: 6px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +#lockDialogGroup { + background: #333333 url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#dashtodockContainer { + background: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + padding: 0; + border: none; + margin: 0; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { + padding: 0 4px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + padding: 4px 0; +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #0860f2; + selected-color: white; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/bottom-running4.svg"); +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.scss b/src/main/gnome-shell/gnome-shell-dark-solid.scss new file mode 100644 index 0000000..613c211 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/common'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark.css b/src/main/gnome-shell/gnome-shell-dark.css new file mode 100644 index 0000000..4afcd24 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark.css @@ -0,0 +1,3771 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; +} + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +/* Entries */ +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-radius: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.06); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.06); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +/* Slider */ +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: 8px; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.06); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(8, 96, 242, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(8, 96, 242, 0.3); +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* links */ +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.modal-dialog .modal-dialog-content-box { + padding: 24px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; +} + +.modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.modal-dialog .run-dialog-button-box { + padding-top: 1em; +} + +.modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: #999999; + padding-bottom: .4em; +} + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; +} + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; +} + +.message-dialog-content { + max-width: 28em; + spacing: 20px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; +} + +.message-dialog-subtitle { + color: #afafaf; + font-weight: bold; +} + +/* Dialog List */ +.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: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; +} + +.end-session-dialog-layout:rtl { + padding-right: 17px; +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; +} + +.end-session-dialog-description:rtl { + text-align: right; +} + +.end-session-dialog-warning { + width: 28em; + color: #F27835; + padding-top: 6px; +} + +.end-session-dialog-warning:rtl { + text-align: right; +} + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: #999999; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; +} + +.end-session-dialog-list-header:rtl { + text-align: right; +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: #999999; + font-size: 1em; +} + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.prompt-dialog .message-dialog-content { + spacing: 16px; +} + +.prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: #dedede; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #F27835; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: #FC4138; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; + color: #999999; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; + color: #999999; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 1000px; + background-size: contain; + margin: 6px; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.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.08); +} + +.audio-selection-device:active { + background-color: #0860f2; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 14px; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 10px 10px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 10px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #1366f1; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 10px 10px; +} + +.popup-menu .popup-menu-content { + padding: 6px 0; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + margin: 4px 12px 20px; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding: 6px; + color: #afafaf; + text-shadow: none; + border-radius: 10px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 1.5em; + padding-left: 0; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0; + padding-left: 1.5em; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 10px 10px 0 0; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #1366f1; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #0860f2; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #1366f1; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #0860f2; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 0; + background: none; + padding: 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #0860f2; + -barlevel-overdrive-color: #f8464c; + -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: 16px; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0860f2; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.06); + border-radius: 6px; +} + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #dedede; + background-color: #242424; + border: none; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); + border-radius: 6px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +/* TOP BAR */ +#panel { + background-color: rgba(0, 0, 0, 0.15); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03), 0 3px 5px rgba(0, 0, 0, 0.03), 0 5px 10px rgba(0, 0, 0, 0.02); +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: rgba(0, 0, 0, 0.15); +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.15); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + height: 0; + width: 0; + margin-left: 0; + margin-right: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.3); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(42, 42, 42, 0.85); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(42, 42, 42, 0.85); +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 8px 12px; +} + +.calendar { + margin-bottom: 0; + border: none; + box-shadow: none; + background: none; + padding: 0; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; +} + +.datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-displays-box { + spacing: 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 0; +} + +.datemenu-calendar-column:ltr { + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + border-right-width: 0; +} + +.datemenu-today-button { + min-height: 48px; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 6px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* World Clock */ +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +/* Weather */ +.weather-button { + padding: 12px; +} + +.weather-button .weather-box { + spacing: 0.5em; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 6px; + color: #dedede; + font-weight: bold; + text-align: center; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.calendar-day-base:active { + color: inherit; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; +} + +.calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #3484e2; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +/* Message list */ +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + border-radius: 6px; + border: none; + color: #afafaf; + background-color: #383838; + margin: 4px; + box-shadow: none; + text-shadow: none; +} + +.message:hover, .message:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.message:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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 { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.06); + color: #999999; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(8, 96, 242, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +/* 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: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.06); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 7px 8px; + color: #dedede; + background-color: #242424; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + text-align: center; + border: none; + -x-offset: 8px; +} + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #085ae3; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder: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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +.search-provider-icon, +.list-search-result, .grid-search-result .overview-icon, .search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/startup@2.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +.app-folder-dialog { + border-radius: 32px; + border: none; + spacing: 12px; + background-color: rgba(16, 16, 16, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.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-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 12px; + width: 800px; + height: 600px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnail-indicator { + border: 0 solid #0860f2; + border-width: 2px; + padding: 6px; + border-radius: 2px; +} + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; +} + +.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0860f2; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.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: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.06); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0860f2; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* On-screen Keyboard */ +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); +} + +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 6px; + border: none; + color: inherit; + background-color: #555555; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; +} + +.keyboard-key:checked, .keyboard-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #0754d4; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-size: 20px; +} + +.keyboard-key.default-key, .keyboard-key.enter-key, .keyboard-key.shift-key-lowercase, .keyboard-key.shift-key-uppercase, .keyboard-key.hide-key, .keyboard-key.layout-key { + background-color: #242424; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.shift-key-lowercase:focus, .keyboard-key.shift-key-lowercase:hover, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.hide-key:focus, .keyboard-key.hide-key:hover, .keyboard-key.layout-key:focus, .keyboard-key.layout-key:hover { + color: white; + background-color: #555555; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active, .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active, .keyboard-key.shift-key-lowercase:checked, .keyboard-key.shift-key-lowercase:active, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active, .keyboard-key.hide-key:checked, .keyboard-key.hide-key:active, .keyboard-key.layout-key:checked, .keyboard-key.layout-key:active { + color: white; + background-color: #464646; +} + +.keyboard-key.enter-key { + background-color: #0860f2; + background-image: url("assets/key-enter.svg"); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #1c6ff7; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #064cc1; +} + +.keyboard-key.shift-key-lowercase { + background-image: url("assets/key-shift.svg"); +} + +.keyboard-key.shift-key-uppercase { + background-image: url("assets/key-shift-uppercase.svg"); +} + +.keyboard-key.shift-key-uppercase:latched { + background-image: url("assets/key-shift-latched-uppercase.svg"); +} + +.keyboard-key.hide-key { + background-image: url("assets/key-hide.svg"); +} + +.keyboard-key.layout-key { + background-image: url("assets/key-layout.svg"); +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.06); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry { + selection-background-color: rgba(255, 255, 255, 0.1); + selected-background-color: rgba(255, 255, 255, 0.1); + selected-color: #0860f2; + padding: 3px 8px; + min-height: 20px; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.login-dialog StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +.login-dialog StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(255, 255, 255, 0.06); +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + padding: 0 16px; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #3484e2; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.15); + background-color: #418ce4; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border-color: rgba(51, 51, 51, 0.3); + background-color: rgba(51, 51, 51, 0.3); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.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.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #0860f2; +} + +.login-dialog-user-list-item { + border-radius: 6px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +#lockDialogGroup { + background: #333333 url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.1); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#dashtodockContainer { + background: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + padding: 0; + border: none; + margin: 0; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { + padding: 0 4px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + padding: 4px 0; +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.06); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #0860f2; + selected-color: white; + background-color: #212121; + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/bottom-running4.svg"); +} diff --git a/src/main/gnome-shell/gnome-shell-dark.scss b/src/main/gnome-shell/gnome-shell-dark.scss new file mode 100644 index 0000000..5573040 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark.scss @@ -0,0 +1,9 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/common'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid.css b/src/main/gnome-shell/gnome-shell-light-solid.css new file mode 100644 index 0000000..91561e6 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid.css @@ -0,0 +1,3771 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; +} + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +/* Entries */ +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-radius: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.06); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +/* Slider */ +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.12); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.12); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.12); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.12); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.12); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.12); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.12); +} + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: 8px; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(8, 96, 242, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(8, 96, 242, 0.3); +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* links */ +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.modal-dialog .modal-dialog-content-box { + padding: 24px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; +} + +.modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.modal-dialog .run-dialog-button-box { + padding-top: 1em; +} + +.modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: #565656; + padding-bottom: .4em; +} + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; +} + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; +} + +.message-dialog-content { + max-width: 28em; + spacing: 20px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; +} + +.message-dialog-subtitle { + color: #424242; + font-weight: bold; +} + +/* Dialog List */ +.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: #424242; + font-size: 15pt; + font-weight: 500; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; +} + +.end-session-dialog-layout:rtl { + padding-right: 17px; +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; +} + +.end-session-dialog-description:rtl { + text-align: right; +} + +.end-session-dialog-warning { + width: 28em; + color: #F27835; + padding-top: 6px; +} + +.end-session-dialog-warning:rtl { + text-align: right; +} + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: #565656; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; +} + +.end-session-dialog-list-header:rtl { + text-align: right; +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: #565656; + font-size: 1em; +} + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.prompt-dialog .message-dialog-content { + spacing: 16px; +} + +.prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: #242424; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #F27835; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: #FC4138; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; + color: #565656; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; + color: #565656; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 1000px; + background-size: contain; + margin: 6px; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #0860f2; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 14px; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 10px 10px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 10px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #095de8; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 10px 10px; +} + +.popup-menu .popup-menu-content { + padding: 6px 0; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + margin: 4px 12px 20px; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding: 6px; + color: #424242; + text-shadow: none; + border-radius: 10px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 1.5em; + padding-left: 0; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0; + padding-left: 1.5em; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 10px 10px 0 0; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #095de8; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #0860f2; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #095de8; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #0860f2; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 0; + background: none; + padding: 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #0860f2; + -barlevel-overdrive-color: #f8464c; + -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: 16px; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0860f2; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #242424; + background-color: #ffffff; + border: none; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); + border-radius: 6px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +/* TOP BAR */ +#panel { + background-color: rgba(255, 255, 255, 0.15); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03), 0 3px 5px rgba(0, 0, 0, 0.03), 0 5px 10px rgba(0, 0, 0, 0.02); +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: rgba(255, 255, 255, 0.15); +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.15); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + height: 0; + width: 0; + margin-left: 0; + margin-right: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.3); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 8px 12px; +} + +.calendar { + margin-bottom: 0; + border: none; + box-shadow: none; + background: none; + padding: 0; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; +} + +.datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-displays-box { + spacing: 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 0; +} + +.datemenu-calendar-column:ltr { + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + border-right-width: 0; +} + +.datemenu-today-button { + min-height: 48px; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 6px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* World Clock */ +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +/* Weather */ +.weather-button { + padding: 12px; +} + +.weather-button .weather-box { + spacing: 0.5em; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 6px; + color: #242424; + font-weight: bold; + text-align: center; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: inherit; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #3484e2; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +/* Message list */ +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + border-radius: 6px; + border: none; + color: #424242; + background-color: #ffffff; + margin: 4px; + box-shadow: none; + text-shadow: none; +} + +.message:hover, .message:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(8, 96, 242, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +/* 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: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.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.2); +} + +.nm-dialog-item:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 7px 8px; + color: #242424; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + text-align: center; + border: none; + -x-offset: 8px; +} + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #085ae3; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder: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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +.search-provider-icon, +.list-search-result, .grid-search-result .overview-icon, .search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/startup@2.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +.app-folder-dialog { + border-radius: 32px; + border: none; + spacing: 12px; + background-color: rgba(16, 16, 16, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.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-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 12px; + width: 800px; + height: 600px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnail-indicator { + border: 0 solid #0860f2; + border-width: 2px; + padding: 6px; + border-radius: 2px; +} + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; +} + +.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0860f2; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0860f2; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* On-screen Keyboard */ +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); +} + +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 6px; + border: none; + color: inherit; + background-color: #FAFAFA; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; +} + +.keyboard-key:checked, .keyboard-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #0754d4; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-size: 20px; +} + +.keyboard-key.default-key, .keyboard-key.enter-key, .keyboard-key.shift-key-lowercase, .keyboard-key.shift-key-uppercase, .keyboard-key.hide-key, .keyboard-key.layout-key { + background-color: #E0E0E0; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.shift-key-lowercase:focus, .keyboard-key.shift-key-lowercase:hover, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.hide-key:focus, .keyboard-key.hide-key:hover, .keyboard-key.layout-key:focus, .keyboard-key.layout-key:hover { + color: white; + background-color: #FAFAFA; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active, .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active, .keyboard-key.shift-key-lowercase:checked, .keyboard-key.shift-key-lowercase:active, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active, .keyboard-key.hide-key:checked, .keyboard-key.hide-key:active, .keyboard-key.layout-key:checked, .keyboard-key.layout-key:active { + color: white; + background-color: #ebebeb; +} + +.keyboard-key.enter-key { + background-color: #0860f2; + background-image: url("assets/key-enter.svg"); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #1c6ff7; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #064cc1; +} + +.keyboard-key.shift-key-lowercase { + background-image: url("assets/key-shift.svg"); +} + +.keyboard-key.shift-key-uppercase { + background-image: url("assets/key-shift-uppercase.svg"); +} + +.keyboard-key.shift-key-uppercase:latched { + background-image: url("assets/key-shift-latched-uppercase.svg"); +} + +.keyboard-key.hide-key { + background-image: url("assets/key-hide.svg"); +} + +.keyboard-key.layout-key { + background-image: url("assets/key-layout.svg"); +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry { + selection-background-color: rgba(0, 0, 0, 0.2); + selected-background-color: rgba(0, 0, 0, 0.2); + selected-color: #0860f2; + padding: 3px 8px; + min-height: 20px; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +.login-dialog StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +.login-dialog StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + padding: 0 16px; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #3484e2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.12); + background-color: #277ce0; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active { + color: white; + background-color: #0860f2; + border-color: #487afa; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border-color: rgba(245, 245, 245, 0.3); + background-color: rgba(245, 245, 245, 0.3); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.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.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #0860f2; +} + +.login-dialog-user-list-item { + border-radius: 6px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +#lockDialogGroup { + background: #333333 url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#dashtodockContainer { + background: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + padding: 0; + border: none; + margin: 0; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { + padding: 0 4px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + padding: 4px 0; +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #0860f2; + selected-color: white; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/bottom-running4.svg"); +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid.scss b/src/main/gnome-shell/gnome-shell-light-solid.scss new file mode 100644 index 0000000..7ec40a9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/common'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light.css b/src/main/gnome-shell/gnome-shell-light.css new file mode 100644 index 0000000..355a332 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light.css @@ -0,0 +1,3771 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* GLOBALS */ +* { + transition-duration: 150ms; +} + +stage { + font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +/* WIDGETS */ +/* Buttons */ +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +/* Entries */ +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-radius: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); + font-size: 11.25pt; + font-weight: 400; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.06); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +/* Slider */ +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.12); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.12); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.12); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.12); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.12); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.12); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.12); +} + +/* Check Boxes */ +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: 8px; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(8, 96, 242, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(8, 96, 242, 0.3); +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* links */ +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +/* Modal Dialogs */ +.headline { + font-size: 15pt; + font-weight: 500; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.modal-dialog .modal-dialog-content-box { + padding: 24px; +} + +.modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; +} + +.modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; +} + +.modal-dialog .run-dialog-button-box { + padding-top: 1em; +} + +.modal-dialog .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: #565656; + padding-bottom: .4em; +} + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 15pt; + font-weight: 500; +} + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; +} + +.message-dialog-content { + max-width: 28em; + spacing: 20px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; +} + +.message-dialog-subtitle { + color: #424242; + font-weight: bold; +} + +/* Dialog List */ +.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: #424242; + font-size: 15pt; + font-weight: 500; +} + +/* Run Dialog */ +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; +} + +.end-session-dialog-layout:rtl { + padding-right: 17px; +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; +} + +.end-session-dialog-description:rtl { + text-align: right; +} + +.end-session-dialog-warning { + width: 28em; + color: #F27835; + padding-top: 6px; +} + +.end-session-dialog-warning:rtl { + text-align: right; +} + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: #565656; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; +} + +.end-session-dialog-list-header:rtl { + text-align: right; +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: #565656; + font-size: 1em; +} + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 34em; + border: none; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.prompt-dialog .message-dialog-content { + spacing: 16px; +} + +.prompt-dialog .message-dialog-title { + font-size: 15pt; + font-weight: 500; + color: #242424; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #F27835; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: #FC4138; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; + color: #565656; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; + color: #565656; +} + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.polkit-dialog-user-layout .polkit-dialog-user-icon { + border-radius: 1000px; + background-size: contain; + margin: 6px; +} + +/* Audio selection dialog */ +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.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.16); +} + +.audio-selection-device:active { + background-color: #0860f2; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 14px; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 10px 10px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 10px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #095de8; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 10px 10px; +} + +.popup-menu .popup-menu-content { + padding: 6px 0; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + margin: 4px 12px 20px; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding: 6px; + color: #424242; + text-shadow: none; + border-radius: 10px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 1.5em; + padding-left: 0; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0; + padding-left: 1.5em; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 10px 10px 0 0; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #0860f2; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #095de8; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #0860f2; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #095de8; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #0860f2; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 0; + background: none; + padding: 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #0860f2; + -barlevel-overdrive-color: #f8464c; + -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: 16px; +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +/* Window Cycler */ +.cycler-highlight { + border: 4px solid #0860f2; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #242424; + background-color: #ffffff; + border: none; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); + border-radius: 6px; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(8, 96, 242, 0.3); + border: 1px solid #0860f2; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +/* TOP BAR */ +#panel { + background-color: rgba(255, 255, 255, 0.15); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03), 0 3px 5px rgba(0, 0, 0, 0.03), 0 5px 10px rgba(0, 0, 0, 0.02); +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: rgba(255, 255, 255, 0.15); +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.15); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + height: 0; + width: 0; + margin-left: 0; + margin-right: 0; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.3); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(241, 241, 241, 0.85); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(241, 241, 241, 0.85); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 8px 12px; +} + +.calendar { + margin-bottom: 0; + border: none; + box-shadow: none; + background: none; + padding: 0; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; +} + +.datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-displays-box { + spacing: 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 0; +} + +.datemenu-calendar-column:ltr { + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + border-right-width: 0; +} + +.datemenu-today-button { + min-height: 48px; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: 20px; + padding: 4px 8px; + border-radius: 6px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* World Clock */ +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +/* Weather */ +.weather-button { + padding: 12px; +} + +.weather-button .weather-box { + spacing: 0.5em; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + border-radius: 6px; + color: #242424; + font-weight: bold; + text-align: center; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + 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 { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: inherit; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #1268f7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #3484e2; + font-weight: normal; + text-decoration: underline; + background-image: none; +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 28px; + height: 21px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +/* Message list */ +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + border-radius: 6px; + border: none; + color: #424242; + background-color: #ffffff; + margin: 4px; + box-shadow: none; + text-shadow: none; +} + +.message:hover, .message:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.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 { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.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.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(8, 96, 242, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +/* 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: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.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.2); +} + +.nm-dialog-item:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +/* OVERVIEW */ +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.3); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.3); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.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: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +/* DASHBOARD */ +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 7px 8px; + color: #242424; + background-color: #ffffff; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + text-align: center; + border: none; + -x-offset: 8px; +} + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #085ae3; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.3); + transition-duration: 150ms; +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.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, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder: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.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +.search-provider-icon, +.list-search-result, .grid-search-result .overview-icon, .search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/startup@2.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +.app-folder-dialog { + border-radius: 32px; + border: none; + spacing: 12px; + background-color: rgba(16, 16, 16, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.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-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.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.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 12px; + width: 800px; + height: 600px; +} + +.app-folder-icon { + padding: 6px; + spacing-rows: 6px; + spacing-columns: 6px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnail-indicator { + border: 0 solid #0860f2; + border-width: 2px; + padding: 6px; + border-radius: 2px; +} + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 2px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 2px 0; +} + +.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #0860f2; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.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: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #0860f2; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* On-screen Keyboard */ +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); +} + +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 6px; + border: none; + color: inherit; + background-color: #FAFAFA; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #0860f2; +} + +.keyboard-key:checked, .keyboard-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #0754d4; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-size: 20px; +} + +.keyboard-key.default-key, .keyboard-key.enter-key, .keyboard-key.shift-key-lowercase, .keyboard-key.shift-key-uppercase, .keyboard-key.hide-key, .keyboard-key.layout-key { + background-color: #E0E0E0; + box-shadow: 0 1px rgba(0, 0, 0, 0.2); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover, .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover, .keyboard-key.shift-key-lowercase:focus, .keyboard-key.shift-key-lowercase:hover, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.hide-key:focus, .keyboard-key.hide-key:hover, .keyboard-key.layout-key:focus, .keyboard-key.layout-key:hover { + color: white; + background-color: #FAFAFA; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active, .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active, .keyboard-key.shift-key-lowercase:checked, .keyboard-key.shift-key-lowercase:active, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active, .keyboard-key.hide-key:checked, .keyboard-key.hide-key:active, .keyboard-key.layout-key:checked, .keyboard-key.layout-key:active { + color: white; + background-color: #ebebeb; +} + +.keyboard-key.enter-key { + background-color: #0860f2; + background-image: url("assets/key-enter.svg"); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(255, 255, 255, 0.85); + background-color: #1c6ff7; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(255, 255, 255, 0.85); + background-color: #064cc1; +} + +.keyboard-key.shift-key-lowercase { + background-image: url("assets/key-shift.svg"); +} + +.keyboard-key.shift-key-uppercase { + background-image: url("assets/key-shift-uppercase.svg"); +} + +.keyboard-key.shift-key-uppercase:latched { + background-image: url("assets/key-shift-latched-uppercase.svg"); +} + +.keyboard-key.hide-key { + background-image: url("assets/key-hide.svg"); +} + +.keyboard-key.layout-key { + background-image: url("assets/key-layout.svg"); +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #0860f2; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: none; + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.framed-user-icon:hover { + border-color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry { + selection-background-color: rgba(0, 0, 0, 0.2); + selected-background-color: rgba(0, 0, 0, 0.2); + selected-color: #0860f2; + padding: 3px 8px; + min-height: 20px; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +.login-dialog StEntry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; +} + +.login-dialog StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.06); +} + +.login-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button { + padding: 0 16px; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default { + color: rgba(255, 255, 255, 0.85); + background-color: #3484e2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.12); + background-color: #277ce0; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active { + color: white; + background-color: #0860f2; + border-color: #487afa; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border-color: rgba(245, 245, 245, 0.3); + background-color: rgba(245, 245, 245, 0.3); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.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.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.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 { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.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.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #0860f2; +} + +.login-dialog-user-list-item { + border-radius: 6px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: rgba(255, 255, 255, 0.85); +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +#lockDialogGroup { + background: #333333 url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #0860f2; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +#dashtodockContainer { + background: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + padding: 0; + border: none; + margin: 0; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.top:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom #dash, #dashtodockContainer.bottom:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.left:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right #dash, #dashtodockContainer.right:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + border-radius: 14px; +} + +#dashtodockContainer.top #dash, #dashtodockContainer.bottom #dash { + padding: 0 4px; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + padding: 4px 0; +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #0860f2; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #0860f2; + selected-color: white; + background-color: #fafafa; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 1px solid #4d8ef9; + box-shadow: 0 0 0 1px #4d8ef9; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/bottom-running4.svg"); +} diff --git a/src/main/gnome-shell/gnome-shell-light.scss b/src/main/gnome-shell/gnome-shell-light.scss new file mode 100644 index 0000000..a0fc978 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light.scss @@ -0,0 +1,9 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/common'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-theme.gresource.xml new file mode 100644 index 0000000..df59696 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-theme.gresource.xml @@ -0,0 +1,70 @@ + + + + assets/dash/bottom-running1.svg + assets/dash/bottom-running1-focused.svg + assets/dash/bottom-running2.svg + assets/dash/bottom-running2-focused.svg + assets/dash/bottom-running3.svg + assets/dash/bottom-running3-focused.svg + assets/dash/bottom-running4.svg + assets/dash/bottom-running4-focused.svg + assets/dash/left-running1.svg + assets/dash/left-running1-focused.svg + assets/dash/left-running2.svg + assets/dash/left-running2-focused.svg + assets/dash/left-running3.svg + assets/dash/left-running3-focused.svg + assets/dash/left-running4.svg + assets/dash/left-running4-focused.svg + assets/dash/right-running1.svg + assets/dash/right-running1-focused.svg + assets/dash/right-running2.svg + assets/dash/right-running2-focused.svg + assets/dash/right-running3.svg + assets/dash/right-running3-focused.svg + assets/dash/right-running4.svg + assets/dash/right-running4-focused.svg + assets/dash/top-running1.svg + assets/dash/top-running1-focused.svg + assets/dash/top-running2.svg + assets/dash/top-running2-focused.svg + assets/dash/top-running3.svg + assets/dash/top-running3-focused.svg + assets/dash/top-running4.svg + assets/dash/top-running4-focused.svg + assets/calendar-arrow-left.svg + assets/calendar-arrow-right.svg + assets/checkbox.svg + assets/checkbox-off.svg + assets/close.svg + assets/dash-placeholder.svg + assets/more-results.svg + assets/noise-texture.svg + assets/toggle-off.svg + assets/toggle-on.svg + assets/window-close.svg + assets/window-close-hover.svg + assets/window-close-active.svg + assets/key-enter.svg + assets/key-hide.svg + assets/key-layout.svg + assets/key-shift.svg + assets/key-shift-latched-uppercase.svg + assets/key-shift-uppercase.svg + assets/activities.svg + assets/startup.svg + assets/startup@2.svg + assets/background.png + assets/menu.svg + assets/menu-solid.svg + assets/menu-active.svg + assets/menu-hover.svg + assets/submenu.svg + assets/submenu-open.svg + no-events.svg + no-notifications.svg + process-working.svg + gnome-shell.css + + diff --git a/src/main/gtk-2.0/common/apps.rc b/src/main/gtk-2.0/common/apps.rc new file mode 100644 index 0000000..cb3ee0d --- /dev/null +++ b/src/main/gtk-2.0/common/apps.rc @@ -0,0 +1,157 @@ +# +# Thunar +# +style "thunar-handle" { GtkPaned::handle-size = 2 } + +style "dark-sidebar" { + GtkTreeView::odd_row_color = @dark_sidebar_bg + GtkTreeView::even_row_color = @dark_sidebar_bg + + + base[NORMAL] = @dark_sidebar_bg + base[INSENSITIVE] = @dark_sidebar_bg + + text[NORMAL] = @fg_color + text[ACTIVE] = @selected_fg_color + text[SELECTED] = @selected_fg_color +} + +style "thunar-frame" { + xthickness = 0 + ythickness = 0 +} + +widget_class "*ThunarWindow*." style "thunar-frame" +widget_class "*ThunarShortcutsView*" style "dark-sidebar" +widget_class "*ThunarTreeView*" style "dark-sidebar" +widget_class "*ThunarWindow*." style "thunar-handle" + +# +# Workaround for colored entries +# +style "entry_border" { + + xthickness = 7 + ythickness = 5 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-border-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-border-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + +style "combobox_entry_border" = "combobox_entry" { + + engine "pixmap" { + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-border-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-border-focus-rtl.png" + border = { 4, 4, 12, 12 } + stretch = TRUE + direction = RTL + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + + +# Mousepad search entry +widget_class "*MousepadSearchBar*." style "entry_border" + +# Mousepad find and replace +widget_class "*MousepadReplaceDialog*." style "entry_border" + +# Thunar bulk rename +widget_class "*ThunarRenamerDialog*." style "entry_border" + +# Hexchat input box +class "SexySpellEntry" style:highest "entry_border" + +# Geany search entries +widget "*GeanyToolbar.*geany-search-entry-no-match*" style "entry_border" +widget "*GeanyToolbar.*GtkEntry*" style "entry_border" + +widget "GeanyDialogSearch.*GtkComboBoxEntry*.*geany-search-entry-no-match*" style "combobox_entry_border" diff --git a/src/main/gtk-2.0/common/main.rc b/src/main/gtk-2.0/common/main.rc new file mode 100644 index 0000000..453b352 --- /dev/null +++ b/src/main/gtk-2.0/common/main.rc @@ -0,0 +1,2493 @@ +style "default" { + + xthickness = 1 + ythickness = 1 + + # Style Properties + + GtkWidget::focus-line-width = 1 + GtkMenuBar::window-dragging = 1 + GtkToolbar::window-dragging = 1 + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 2 + GtkWidget::tooltip-alpha = 235 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 2 + + GtkButton::child-displacement-y = 0 + GtkButton::default-border = { 0, 0, 0, 0 } + GtkButton::default-outside_border = { 0, 0, 0, 0 } + + GtkEntry::state-hint = 1 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 20 + GtkScale::slider_width = 20 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 8 + GtkProgressBar::min-vertical-bar-width = 8 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 0 + + GtkCheckButton::indicator_spacing = 3 + GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } + + GtkTreeView::row_ending_details = 0 + GtkTreeView::expander-size = 11 + GtkTreeView::vertical-separator = 4 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + GtkTreeView::odd_row_color = shade(0.98, @base_color) + + GtkExpander::expander-size = 11 + + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkIMHtmlr::hyperlink-color = @link_color + GtkIMHtml::hyperlink-color = @link_color + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @text_color + + # Colors + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.0, @bg_color) + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = @insensitive_bg_color + bg[ACTIVE] = shade (0.9, @bg_color) + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[INSENSITIVE] = @insensitive_fg_color + # fg[ACTIVE] = @fg_color + fg[SELECTED] = @selected_fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = @insensitive_fg_color + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = @bg_color + base[ACTIVE] = shade (0.9, @selected_bg_color) + + # For succinctness, all reasonable pixmap options remain here + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.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.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked.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-insensitive.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.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked.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-insensitive.png" + overlay_stretch = FALSE + } + + # Arrows + + image { + function = ARROW + overlay_file = "assets/arrow-up.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-up-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-up-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/arrow-left.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state= PRELIGHT + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-left-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-left-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/arrow-right.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/arrow-right-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/arrow-right-insens.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Option Menu Arrows + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/arrow-down-insens.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = NORMAL + overlay_file = "assets/arrow-down.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/arrow-down-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + } + + # Lines + + image { + function = VLINE + file = "assets/border.png" + border = { 1, 0, 0, 0 } + stretch = TRUE + } + + image { + function = HLINE + file = "assets/border.png" + border = { 0, 0, 1, 0 } + stretch = TRUE + } + + # Focuslines + + image { + function = FOCUS + file = "assets/null.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + + # Handles + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Expanders + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/plus.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/minus.png" + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/plus.png" + } + + image { + function = RESIZE_GRIP + state = NORMAL + detail = "statusbar" + overlay_file = "assets/null.png" + overlay_border = { 0,0,0,0 } + overlay_stretch = FALSE + } + + # Shadows ( this area needs help :P ) + + image { + function = SHADOW_GAP + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + + +style "toplevel_hack" { + + engine "adwaita" { + } +} + +style "ooo_stepper_hack" { + + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + +} + +style "scrollbar" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-horiz.png" + border = { 2, 2, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-scrollbar-vert.png" + border = { 3, 3, 2, 2 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + overlay_file = "assets/null.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-horiz.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-horiz-active.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-horiz-prelight.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-horiz-insens.png" + border = { 5, 5, 3, 3 } + stretch = TRUE + orientation = HORIZONTAL + } + +# X Verticals + + image { + function = SLIDER + state = NORMAL + file = "assets/slider-vert.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = ACTIVE + file = "assets/slider-vert-active.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/slider-vert-prelight.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/slider-vert-insens.png" + border = { 3, 3, 5, 5 } + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "menu" { + + xthickness = 0 + ythickness = 0 + + GtkMenuItem::arrow-scaling = 0.4 + + bg[NORMAL] = @menu_bg + bg[INSENSITIVE] = @menu_bg + bg[PRELIGHT] = @menu_bg +} + +style "menu_framed_box" { + +# engine "adwaita" { # default menu border +# } + + engine "pixmap" { + image { + function = BOX + file = "assets/frame.png" + border = { 1, 1, 2, 1 } + stretch = TRUE + } + } + +} + +style "menu_item" { + xthickness = 4 + ythickness = 2 + + # HACK: Gtk doesn't actually read this value + # while rendering the menu items, but Libreoffice + # does; setting this value equal to the one in + # fg[PRELIGHT] ensures a code path in the LO theming code + # that falls back to a dark text color for menu item text + # highlight. The price to pay is black text on menus as well, + # but at least it's readable. + # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 + bg[SELECTED] = @selected_fg_color + + fg[NORMAL] = @menu_fg + fg[SELECTED] = @selected_fg_color + + fg[PRELIGHT] = @selected_fg_color + text[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + state = PRELIGHT + file = "assets/menuitem.png" + border = { 1, 0, 1, 0 } + stretch = TRUE + } + + # Fix invisible scale trough on selected menuitems + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Check Buttons + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + recolorable = TRUE + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.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-insensitive.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-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = SHADOW # This fixes boxy Qt menu items + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + # Arrow Buttons + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/menu-arrow.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/menu-arrow-prelight.png" + overlay_border = { 0, 0, 0, 0 } + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {1, 0, 0, 0} + } + } +} + +style "button" { + + xthickness = 4 + ythickness = 4 + + engine "murrine" { textstyle = 0 } + + engine "pixmap" { + + 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 + } + + # hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active-hover.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-insensitive.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_button" { + + engine "pixmap" { + + # hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/toolbar-button-active-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/toolbar-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + } +} + +style "button_label" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[INSENSITIVE] = @insensitive_button_fg_color + fg[ACTIVE] = @selected_fg_color + + engine "murrine" { textstyle = 0 } + +} + +style "misc_button_label" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[INSENSITIVE] = @insensitive_button_fg_color + fg[ACTIVE] = @fg_color + + engine "murrine" { textstyle = 0 } + +} + +style "checkbutton" { + + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @text_color + +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-bg.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-bg.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" + } + } +} + +style "notebook_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-notebook.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "notebook_button_bg" { + + bg[NORMAL] = @notebook_bg + bg[PRELIGHT] = @notebook_bg + bg[INSENSITIVE] = @notebook_bg + bg[ACTIVE] = @notebook_bg + +} + +style "notebook_tab_label" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @fg_color + fg[INSENSITIVE] = @insensitive_fg_color + fg[ACTIVE] = @text_color + +} + +style "combobox_entry" { + + xthickness = 3 + ythickness = 4 + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "notebook_combobox_entry" { + + engine "pixmap" { + + # LTR version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + + image { + function = SHADOW + detail = "entry" + state = NORMAL + shadow = IN + file = "assets/combo-entry-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = INSENSITIVE + shadow = IN + file = "assets/combo-entry-insensitive-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + detail = "entry" + state = ACTIVE + file = "assets/combo-entry-focus-notebook-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "combobox_entry_button" { + + xthickness = 6 + + fg[ACTIVE] = @text_color + + engine "pixmap" { + + # LTR version + + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = LTR + } + + # RTL version + image { + function = BOX + state = NORMAL + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/combo-entry-button-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/combo-entry-button-insensitive-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/combo-entry-button-active-rtl.png" + border = { 4, 4, 5, 4 } + stretch = TRUE + direction = RTL + } + } +} + +style "spinbutton" { + + bg[NORMAL] = @bg_color + + xthickness = 6 + ythickness = 4 + + engine "pixmap" { + + image { + function = ARROW + } + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background.png" + border = { 1, 4, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/up-background-disable-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/up-background-rtl.png" + border = { 4, 1, 5, 0 } + stretch = TRUE + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background.png" + border = { 1, 4, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/down-background-disable-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/down-background-rtl.png" + border = { 4, 1, 1, 4 } + stretch = TRUE + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + direction = RTL + } + } +} + +style "gimp_spin_scale" { + + bg[NORMAL] = @base_color + + engine "pixmap" { + + image { + function = FLAT_BOX + detail = "entry_bg" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "entry_bg" + state = ACTIVE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/arrow-up-small-insens.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-prelight.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/arrow-down-small-insens.png" + overlay_stretch = FALSE + } + } +} + +style "notebook" { + + xthickness = 5 + ythickness = 2 + + engine "pixmap" { + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + state = ACTIVE + file = "assets/null.png" + border = { 0,0,0,0 } + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + file = "assets/tab-top-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + file = "assets/tab-bottom-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + file = "assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + file = "assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + # How to draw boxes with a gap on one side (ie the page of a notebook) + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = TOP + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-horiz.png" + gap_border = { 1, 1, 0, 0 } + gap_side = BOTTOM + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = LEFT + } + + image { + function = BOX_GAP + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + gap_file = "assets/notebook-gap-vert.png" + gap_border = { 0, 0, 1, 1 } + gap_side = RIGHT + } + + # How to draw the box of a notebook when it isnt attached to a tab + + image { + function = BOX + file = "assets/notebook.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "handlebox" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = IN + } + + image { + function = BOX + file = "assets/null.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + detail = "handlebox_bin" + shadow = OUT + } + } +} + +style "combobox_separator" { + + xthickness = 0 + ythickness = 0 + GtkWidget::wide-separators = 1 + +} + +style "combobox" { + + xthickness = 0 + ythickness = 0 + +} + +style "combobox_button" { + + xthickness = 3 + ythickness = 3 + +} + +style "range" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-horizontal.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-horizontal-active.png" + border = { 8, 8, 0, 0 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/trough-vertical.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/trough-vertical-active.png" + border = { 0, 0, 8, 8 } + stretch = TRUE + orientation = VERTICAL + } + + # Horizontal + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + # Vertical + + image { + function = SLIDER + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = PRELIGHT + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-prelight.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = SLIDER + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + overlay_file = "assets/slider-insensitive.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + # Function below removes ugly boxes + + image { + function = BOX + file = "assets/null.png" + border = { 3, 3, 3, 3 } + stretch = TRUE + } + } +} + +style "progressbar" { + + xthickness = 1 + ythickness = 1 + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/trough-progressbar_v.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar_v.png" + stretch = TRUE + border = { 3, 3, 3, 3 } + orientation = VERTICAL + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/menu-separator.png" + border = {0, 0, 2, 0} + } + } +} + +style "treeview_header" { + ythickness = 1 + + fg[PRELIGHT] = mix(0.70, @text_color, @base_color) + font_name = "Bold" + + engine "pixmap" { + + image { + function = BOX + file = "assets/tree_header.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + } + } +} + +# Treeview Rows + +style "treeview" { + + xthickness = 2 + ythickness = 0 + +} + +style "scrolled_window" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 5, 5, 5, 5 } + stretch = TRUE + } + } +} + +style "frame" { + + xthickness = 1 + ythickness = 1 + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = OUT + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_IN + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_IN + } + + image { + function = SHADOW + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + shadow = ETCHED_OUT + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = { 1, 1, 1, 1 } + stretch = TRUE + gap_start_file = "assets/frame-gap-start.png" + gap_start_border = { 1, 0, 0, 0 } + gap_end_file = "assets/frame-gap-end.png" + gap_end_border = { 0, 1, 0, 0 } + shadow = ETCHED_OUT + } + } +} + +style "gimp_toolbox_frame" { + + engine "pixmap" { + + image { + function = SHADOW + } + + } +} + +style "toolbar" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + + image { + function = HANDLE + overlay_file = "assets/handle-h.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + overlay_file = "assets/handle-v.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + ######### + # 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} + } + } +} + +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/inline-toolbar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "notebook_viewport" { + + bg[NORMAL] = @notebook_bg +} + + +style "notebook_eventbox" { + + bg[NORMAL] = @notebook_bg + bg[ACTIVE] = @bg_color +} + +style "tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + +} + +style "eclipse-tooltips" { + + xthickness = 8 + ythickness = 4 + + bg[NORMAL] = shade(1.05, @bg_color) + fg[NORMAL] = @text_color + bg[SELECTED] = shade(1.05, @bg_color) + +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 100 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 1 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 1 + XfdesktopIconView::shadow-color = "#000000" + XfdesktopIconView::selected-shadow-color = "#000000" + XfdesktopIconView::shadow-blur-radius = 2 + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color +} + +style "xfwm-tabwin" { + Xfwm4TabwinWidget::border-width = 1 + Xfwm4TabwinWidget::border-alpha = 1.0 + Xfwm4TabwinWidget::icon-size = 64 + Xfwm4TabwinWidget::alpha = 1.0 + Xfwm4TabwinWidget::border-radius = 2 + + bg[NORMAL] = @bg_color + bg[SELECTED] = @bg_color + + fg[NORMAL] = @fg_color + + engine "murrine" { + contrast = 0.7 + glazestyle = 0 + glowstyle = 0 + highlight_shade = 1.0 + gradient_shades = {1.0,1.0,1.0,1.0} + border_shades = { 0.8, 0.8 } + } +} + +style "xfwm-tabwin-button" { + font_name = "bold" + bg[SELECTED] = @selected_bg_color +} + +# Chromium +style "chrome_menu_item" { + + bg[SELECTED] = @selected_bg_color + +} + +# Text Style +style "text" = "default" { + fg[NORMAL] = @fg_color # FIXME: VMWare needs this? + + engine "murrine" { textstyle = 0 } +} + +style "menu_text" = "menu_item" { + engine "murrine" { textstyle = 0 } +} + +style "null" { + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + stretch = TRUE + } + } +} + + +class "GtkWidget" style "default" +class "GtkScrollbar" style "scrollbar" +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkSpinButton" style "spinbutton" +class "GtkNotebook" style "notebook" +class "GtkRange" style "range" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkTreeView" style "treeview" +class "GtkToolbar" style "toolbar" +class "*HandleBox" style "toolbar" + +widget_class "**" style "menu" +widget_class "**" style "menu_framed_box" +widget_class "**" style "menu_item" +widget_class "**" style "separator_menu_item" +widget_class "**" style "checkbutton" +widget_class "*" style "combobox" +widget_class "**" style "combobox_button" +widget_class "**" style "combobox_separator" +widget_class "***" style "treeview_header" +widget_class "**" style "inline_toolbar" +widget_class "**" style "combobox_entry" +widget_class "**" style "combobox_entry_button" +widget_class "***" style "notebook_viewport" +widget_class "*HandleBox" style "toolbar" + +widget_class "**" style "button_label" +widget_class "**" style "button_label" +#widget_class "**" style "button_label" +#widget_class "**" style "button_label" + +widget_class "**" style "toolbar_button" +widget_class "***" style "misc_button_label" + +widget_class "*" style "toolbar_button" +widget_class "**" style "misc_button_label" + +# Entries in notebooks draw with notebook's base color, but not if there's +# something else in the middle that draws gray again +widget_class "**" style "notebook_entry" +widget_class "***" style "entry" + +widget_class "***" style "notebook_combobox_entry" +widget_class "****" style "combobox_entry" + +widget_class "**" style "notebook_button_bg" + +# We also need to avoid changing fg color for the inactive notebook tab labels +widget_class "**" style "notebook_tab_label" +widget_class "***" style "button_label" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltips" + +#Fix GVim tabs +widget_class "**" style "notebook_eventbox" + +# Xchat special cases +widget "*xchat-inputbox" style "entry" + +# GIMP +# Disable gradients completely for GimpSpinScale +#class "GimpSpinScale" style "gimp_spin_scale" + +# Remove borders from "Wilbert frame" in Gimp +widget_class "**" style "gimp_toolbox_frame" + +# Chrome/Chromium +widget_class "*Chrom*Button*" style "button" +widget_class "***" style "chrome_menu_item" + +# Eclipse/SWT +widget "gtk-tooltips*" style "eclipse-tooltips" +widget "*swt-toolbar-flat" style "null" + +# Openoffice, Libreoffice +class "GtkWindow" style "toplevel_hack" +widget "*openoffice-toplevel*" style "ooo_stepper_hack" + +# Xfce +widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" +widget "xfwm4-tabwin*" style "xfwm-tabwin" +widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" + +# Fixes ugly text shadows for insensitive text +widget_class "*" style "text" +widget_class "**" style "menu_text" +widget_class "**" style "text" +widget_class "**" style "text" +widget_class "**" style "text" diff --git a/src/main/gtk-2.0/common/panel.rc b/src/main/gtk-2.0/common/panel.rc new file mode 100644 index 0000000..1f74a8e --- /dev/null +++ b/src/main/gtk-2.0/common/panel.rc @@ -0,0 +1,196 @@ +style "theme-panel" { + GtkButton::inner-border = { 0, 0, 0, 0 } + xthickness = 2 + ythickness = 0 + + bg[NORMAL] = shade(1.0, @tooltip_bg_color) + bg[ACTIVE] = @selected_bg_color + bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) + bg[SELECTED] = @selected_bg_color + + fg[NORMAL] = shade(1.0, @tooltip_fg_color) + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @tooltip_fg_color + fg[SELECTED] = @tooltip_fg_color + + text[NORMAL] = shade(1.0, @tooltip_fg_color) + text[PRELIGHT] = shade(1.1, @tooltip_fg_color) + text[ACTIVE] = shade(1.0, @tooltip_fg_color) + text[SELECTED] = @tooltip_fg_color + + engine "pixmap" { + image { + function = SHADOW + file = "assets/null.png" + border = { 0, 0, 0, 0 } + stretch = TRUE + } + } +} + +style "theme-panel-progressbar" { + bg[ACTIVE] = shade(0.8, @tooltip_bg_color) +} + +style "panelbar" { + fg[NORMAL] = shade(1.0, @tooltip_fg_color) + fg[ACTIVE] = shade(1.0, @tooltip_fg_color) + fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) + fg[SELECTED] = @tooltip_fg_color +} + +style "panelbuttons" { + GtkButton::inner-border = { 0, 0, 0, 0 } + xthickness = 4 + ythickness = 0 + + fg[NORMAL] = shade(0.8, @tooltip_fg_color) + fg[PRELIGHT] = @tooltip_fg_color + fg[ACTIVE] = @tooltip_fg_color + fg[SELECTED] = @tooltip_fg_color + fg[INSENSITIVE] = mix(0.28, @tooltip_fg_color, @tooltip_bg_color) + bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) + bg[ACTIVE] = shade(1.5, @tooltip_bg_color) + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/null.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = ACTIVE + file = "assets/pathbar_button_active.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = PRELIGHT + file = "assets/pathbar_button_prelight.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + image { + function = BOX + state = INSENSITIVE + file = "assets/null.png" + border = { 0, 0, 0, 2 } + stretch = TRUE + } + } +} + +style "regular-label" { + font_name = "Regular" +} + +style "theme-panel-text" { + + fg[NORMAL] = shade(1.0, @tooltip_fg_color) + fg[PRELIGHT] = @tooltip_fg_color + fg[ACTIVE] = shade(1.0, @tooltip_fg_color) + + text[NORMAL] = shade(1.0, @tooltip_fg_color) + text[PRELIGHT] = @tooltip_fg_color + text[ACTIVE] = shade(1.0, @tooltip_fg_color) + + engine "murrine" { + textstyle = 0 + text_shade = 0.2 + } +} + +style "panel-entry" { + + fg[NORMAL] = @text_color + fg[PRELIGHT] = @text_color + fg[ACTIVE] = @text_color + fg[SELECTED] = @text_color + fg[INSENSITIVE] = @text_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[ACTIVE] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = @text_color + +} + +style "theme-main-menu-text" = "theme-panel-text" { + fg[PRELIGHT] = @tooltip_fg_color + text[PRELIGHT] = @tooltip_fg_color +} + +style "workspace-switcher" = "theme-panel" { + fg[SELECTED] = @selected_fg_color + bg[SELECTED] = @selected_bg_color +} + +style "indicator" = "theme-panel" { + xthickness = 0 + ythickness = 0 +} + +widget "*tasklist*" style "panelbuttons" +widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*PanelToplevel*Button" style "panelbuttons" +widget_class "*Panel*GtkToggleButton" style "panelbuttons" +widget_class "*Xfce*Panel*Button*" style "panelbuttons" +widget_class "*" style "panelbuttons" +widget_class "**" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" +widget_class "*XfcePanelPlugin.GtkToggleButton" style "panelbuttons" +widget "*dict*Applet*" style "panelbuttons" +widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" +widget_class "*Tasklist*" style:highest "panelbuttons" +widget_class "*Tasklist*.GtkLabel" style:highest "regular-label" +widget_class "*Mixer*lugin*" style:highest "panelbuttons" + +class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*" style "panelbar" +widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" +widget "*WnckPager*" style "workspace-switcher" +widget "*TopMenu*" style "theme-panel" +widget "*XfceTasklist*" style "panelbuttons" + +# Fix gtk-entries in the panel +widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel**" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" diff --git a/src/main/gtk-2.0/common/xfce-notify.rc b/src/main/gtk-2.0/common/xfce-notify.rc new file mode 100644 index 0000000..98403a7 --- /dev/null +++ b/src/main/gtk-2.0/common/xfce-notify.rc @@ -0,0 +1,73 @@ + +style "notify-window" { + XfceNotifyWindow::summary-bold = 1 + XfceNotifyWindow::border-color = shade(1.3, @tooltip_bg_color) + XfceNotifyWindow::border-color-hover = shade(1.3, @tooltip_bg_color) + XfceNotifyWindow::border-radius = 3.0 + XfceNotifyWindow::border-width = 1.0 + XfceNotifyWindow::border-width-hover = 1.0 + + bg[NORMAL] = @tooltip_bg_color +} + +style "notify-button" { + bg[NORMAL] = shade(1.1, @tooltip_bg_color) + bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) + bg[ACTIVE] = shade(1.15, @tooltip_bg_color) + + fg[NORMAL] = @tooltip_fg_color + fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) + fg[ACTIVE] = @selected_fg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + roundness = 2 + textstyle = 0 + } +} + +style "notify-text" { + GtkWidget::link-color = @selected_bg_color + + fg[NORMAL] = shade(1.0, @tooltip_fg_color) + fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) + fg[ACTIVE] = shade(1.0, @tooltip_fg_color) + + engine "murrine" { + textstyle = 0 + } +} + +style "notify-summary" { + font_name = "Bold" +} + +style "notify-progressbar" { + GtkProgressBar::min-horizontal-bar-height = 4 + + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = shade(0.8, @tooltip_bg_color) + bg[NORMAL] = @selected_bg_color + bg[ACTIVE] = shade(0.8, @tooltip_bg_color) + bg[SELECTED] = @selected_bg_color + + engine "murrine" { + gradient_shades = { 1.0, 1.0, 1.0, 1.0 } + border_shades = { 1.0, 1.0 } + trough_shades = { 1.0, 1.0 } + trough_border_shades = { 1.0, 1.0 } + progressbarstyle = 0 + roundness = 2 + textstyle = 0 + } +} + +class "XfceNotifyWindow" style "notify-window" +widget "XfceNotifyWindow.*.summary" style "notify-summary" +widget_class "XfceNotifyWindow.*" style "notify-button" +widget_class "XfceNotifyWindow.*." style "notify-text" +widget_class "XfceNotifyWindow.*." style "notify-progressbar" +widget_class "XfceNotifyWindow.*." style "notify-progressbar" diff --git a/src/main/gtk-2.0/gtkrc-dark b/src/main/gtk-2.0/gtkrc-dark new file mode 100644 index 0000000..0db591f --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #315bef" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light b/src/main/gtk-2.0/gtkrc-light new file mode 100644 index 0000000..8f1f9f1 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #315bef" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/menubar-toolbar-dark.rc b/src/main/gtk-2.0/menubar-toolbar-dark.rc new file mode 100644 index 0000000..bef3ad3 --- /dev/null +++ b/src/main/gtk-2.0/menubar-toolbar-dark.rc @@ -0,0 +1,225 @@ +style "menubar" { + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + fg[PRELIGHT] = shade(1.15, @tooltip_fg_color) + fg[ACTIVE] = shade(1.15, @tooltip_fg_color) + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + + image { + function = BOX + file = "assets/menubar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "menubar-borderless" { + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "menubar_item" { + + xthickness = 2 + ythickness = 2 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + state = PRELIGHT + file = "assets/menubar_button.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + +# Text Style Menubar +style "menubar-text" { + + engine "murrine" { + text_shade = 0.0 + textstyle = 0 + } +} + + +style "toolbar_text" { + fg[NORMAL] = @tooltip_fg_color + fg[PRELIGHT] = shade(1.15, @tooltip_fg_color) + fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) + fg[ACTIVE] = shade(0.9, @tooltip_fg_color) + + text[NORMAL] = @tooltip_fg_color + text[PRELIGHT] = shade(1.15, @tooltip_fg_color) + text[INSENSITIVE] = shade(0.7, @tooltip_fg_color) + text[ACTIVE] = shade(0.9, @tooltip_fg_color) + +} + +style "toolbar_button" { + + xthickness = 4 + ythickness = 4 + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/button-hover.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = { 4, 4, 4, 4 } + stretch = TRUE + } + } +} + +style "toolbar_entry" { + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + base[INSENSITIVE] = @insensitive_bg_color + + text[NORMAL] = @text_color + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + +#Chromium +style "chrome-gtk-frame" { + + ChromeGtkFrame::frame-color = @tooltip_bg_color + ChromeGtkFrame::inactive-frame-color = @tooltip_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) + + ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) + ChromeGtkFrame::incognito-inactive-frame-color = @bg_color + + ChromeGtkFrame::incognito-frame-gradient-color = @bg_color + + ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color + +} + +widget_class "**" style "menubar" +widget_class "*.*" style "menubar_item" + +widget_class "*ThunarWindow*" style "menubar" + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "***" style "menubar-text" + +# Whitelist for dark toolbars +widget_class "*ThunarWindow*" style "menubar-borderless" +widget_class "*ThunarWindow**" style "toolbar_entry" +widget_class "*ThunarWindow**" style "toolbar_button" +widget_class "*ThunarWindow**" style "toolbar_text" +widget_class "*ThunarWindow***" style "menubar-text" + +# GtkCheckButton +widget_class "*" style "button" + diff --git a/src/main/gtk-2.0/menubar-toolbar-light.rc b/src/main/gtk-2.0/menubar-toolbar-light.rc new file mode 100644 index 0000000..9c562ec --- /dev/null +++ b/src/main/gtk-2.0/menubar-toolbar-light.rc @@ -0,0 +1,167 @@ +style "menubar" { + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + fg[PRELIGHT] = shade(0.9, @tooltip_fg_color) + fg[ACTIVE] = shade(0.95, @tooltip_fg_color) + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = shade(1.3, @tooltip_fg_color) + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + + image { + function = BOX + file = "assets/menubar.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "menubar-borderless" { + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = shade(1.3, @tooltip_fg_color) + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + + image { + function = BOX + file = "assets/null.png" + stretch = TRUE + border = { 1, 1, 1, 1 } + } + } +} + +style "menubar_item" { + + xthickness = 2 + ythickness = 4 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + state = PRELIGHT + file = "assets/menubar_button.png" + border = { 2, 2, 2, 2 } + stretch = TRUE + } + } +} + +# Text Style Menubar +style "menubar-text" { + + engine "murrine" { + text_shade = 0.0 + textstyle = 0 + } +} + +style "toolbar_entry" { + + text[NORMAL] = @text_color + + engine "pixmap" { + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/entry-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled-toolbar.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/null.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/null.png" + } + } +} + +#Chromium +style "chrome-gtk-frame" { + + ChromeGtkFrame::frame-color = @tooltip_bg_color + ChromeGtkFrame::inactive-frame-color = @tooltip_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 + ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) + + ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) + ChromeGtkFrame::incognito-inactive-frame-color = @bg_color + + ChromeGtkFrame::incognito-frame-gradient-color = @bg_color + + ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color + +} + +widget_class "**" style "menubar" +widget_class "*.*" style "menubar_item" + +widget_class "*ThunarWindow*" style "menubar" +widget_class "*CajaNavigationWindow*" style "menubar" + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "***" style "menubar-text" + +# Whitelist for dark toolbars +widget_class "*ThunarWindow*" style "menubar" +widget_class "*CajaNavigationWindow*" style "menubar" +widget_class "*ThunarWindow**" style "toolbar_entry" +widget_class "*CajaNavigationWindow**" style "toolbar_entry" + +# GtkCheckButton +widget_class "**" style "toolbar_button" +widget_class "***" style "misc_button_label" + diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css new file mode 100644 index 0000000..00f51c5 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid.css @@ -0,0 +1,10242 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #373737 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #373737 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #0860f2; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #0860f2; + color: white; +} + +filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #0860f2; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #064cc1; + background-color: rgba(6, 76, 193, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #0860f2; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0860f2; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + opacity: 0.5; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5578c7; + background-color: #0860f2; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #0860f2; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0860f2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860f2), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + } +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat, .raven .raven-header:not(.top) button { + min-height: 24px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; + transition: none; +} + +.budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.budgie-menu-launcher:hover:active, .nemo-window .toolbar > button:hover:active, button.flat:hover:active, .raven .raven-header:not(.top) button:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:active, .raven .raven-header:not(.top) button:active, button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +button.budgie-menu-launcher:checked:hover, .nemo-window .toolbar > button:checked:hover, button.flat:checked:hover, .raven .raven-header:not(.top) button:checked:hover { + background-image: none; +} + +.budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.toggle.popup.budgie-menu-launcher, .nemo-window .toolbar > button.toggle.popup, button.flat.toggle.popup, .raven .raven-header:not(.top) button.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(8, 96, 242, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0860f2; +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat, .osd .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .osd button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) .osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .osd button:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) .osd button:active, .osd button.flat:checked, .osd .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat, .raven .raven-header:not(.top) button.suggested-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, .raven .raven-header:not(.top) button.suggested-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat, .raven .raven-header:not(.top) button.destructive-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, .raven .raven-header:not(.top) button.destructive-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:first-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:first-child > button { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:last-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:last-child > button { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:only-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:only-child > button { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:first-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:last-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:only-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, .raven .raven-header:not(.top) button.button:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, .raven .raven-header:not(.top) button.button:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, .raven .raven-header:not(.top) button.button:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, .raven .raven-header:not(.top) button.button check:last-child, +menuitem.button.flat radio:last-child, +.raven .raven-header:not(.top) button.button radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, .raven .raven-header:not(.top) button.button check:first-child, +menuitem.button.flat radio:first-child, +.raven .raven-header:not(.top) button.button radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #9cbffa; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #e6effe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #cedffc; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #cedffc; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(104, 135, 205, 0.75); + box-shadow: inset 0 0 0 1px rgba(104, 135, 205, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(104, 135, 205, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(104, 135, 205, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(104, 135, 205, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + background-color: #242424; +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.inline-toolbar:not(.inline-toolbar) switch, +.inline-toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +.inline-toolbar:not(.inline-toolbar) .linked > button, +.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd actionbar { + border-radius: 0 0 14px 14px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #6887cd; + border-color: #597bc8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #6887cd; + color: rgba(255, 255, 255, 0.6); + border-color: #597bc8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #6887cd; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration button.titlebutton.appmenu, headerbar.default-decoration button.titlebutton.appmenu:active, headerbar.default-decoration button.titlebutton.appmenu:checked { + background-color: transparent; + box-shadow: none; + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 14px; +} + +.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 14px; +} + +.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 14px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 14px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #0860f2; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #0860f2; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0860f2; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #84b0f9; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #6ba0f7; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #739fe8; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #b5cffb; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #0860f2; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0860f2; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0860f2; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #0860f2; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #0860f2; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 14px 14px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 14px 14px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 14px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 14px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { + border-right-style: solid; +} + +notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { + border-bottom-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup, notebook > header .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) notebook > header button.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header .raven .raven-header:not(.top) button.toggle.popup:active, .raven .raven-header:not(.top) notebook > header button.toggle.popup:active, notebook > header button.flat.toggle.popup:checked, notebook > header .raven .raven-header:not(.top) button.toggle.popup:checked, .raven .raven-header:not(.top) notebook > header button.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat, notebook > header tabs > tab .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) notebook > header tabs > tab button { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) { + min-width: 50px; + min-height: 20px; + margin: 6px 2px; + background-size: 50px 20px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 50px 20px; +} + +.raven .raven-background switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); +} + + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 50px; + background-color: rgba(222, 222, 222, 0.3); + background-clip: padding-box; + color: rgba(222, 222, 222, 0.3); + font-size: 0; +} + + +switch:disabled { + color: rgba(222, 222, 222, 0.15); + background-color: rgba(222, 222, 222, 0.15); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #0860f2; + color: rgba(255, 255, 255, 0.65); +} + +label:disabled selection:checked, +switch:checked:disabled { + background-color: rgba(8, 96, 242, 0.45); + color: rgba(255, 255, 255, 0.35); +} + + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + + +switch:hover slider { + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: white; +} + +label:disabled selection:checked slider, +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar check:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar check:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar radio:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar radio:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0860f2; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #90b7f9; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #0860f2; +} + +scale highlight:disabled { + background-color: rgba(8, 96, 242, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(8, 96, 242, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #dae7fd; + border-color: #dae7fd; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #84b0f9; + border-color: #84b0f9; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #90b7f9; + border-color: #90b7f9; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #0860f2; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0860f2; + background-color: #0860f2; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0860f2; + background-color: #0860f2; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat, +.raven .raven-header:not(.top) button.frame { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; + border: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0860f2; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0860f2, #0860f2); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; + background-color: #333333; +} + +infobar.info { + background-color: #0860f2; +} + +infobar.question { + background-color: #3484e2; +} + +infobar.warning { + background-color: #F27835; +} + +infobar.error { + background-color: #FC4138; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + color: white; + caret-color: currentColor; +} + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + min-height: 28px; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0860f2; + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button.flat, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris .raven-header:not(.top) button.image-button, .nemo-window .floating-bar button.flat, .nemo-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .floating-bar button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nautilus-window .floating-bar button, .selection-mode headerbar button.flat, .selection-mode headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .selection-mode headerbar button, headerbar.selection-mode button.flat, headerbar.selection-mode .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar.selection-mode button, infobar.info button.flat, infobar.info .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.info button, infobar.question button.flat, infobar.question .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.question button, infobar.warning button.flat, infobar.warning .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.warning button, infobar.error button.flat, infobar.error .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.error button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .nemo-window .floating-bar button.flat:disabled, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0860f2; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.popup decoration { + box-shadow: none; + border-radius: 14px; +} + +.ssd decoration { + margin: -5px; + border-radius: 14px 14px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 14px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.appmenu, +.titlebar button.titlebutton.appmenu { + transition: background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + color: transparent; + background-image: -gtk-scaled(url("assets/setting-dark.png"), url("assets/setting-dark@2.png")); + background-repeat: no-repeat; + background-position: center; +} + +headerbar button.titlebutton.appmenu image, +.titlebar button.titlebutton.appmenu image { + opacity: 0; +} + +headerbar button.titlebutton.appmenu:active, headerbar button.titlebutton.appmenu:checked, +.titlebar button.titlebutton.appmenu:active, +.titlebar button.titlebutton.appmenu:checked { + transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar button.titlebutton.appmenu:backdrop, +.titlebar button.titlebutton.appmenu:backdrop { + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected { + background-color: #0860f2; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected { + color: #84b0f9; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 14px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 14px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 14px 14px 0 0; +} + +terminal-window notebook button.flat.toggle.popup, terminal-window notebook .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) terminal-window notebook button.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 14px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #cedffc; +} + +.nautilus-window { + border-radius: 14px 14px 16px 16px; +} + +.nautilus-window.background.csd { + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 180px, #0d0d0d 181px, #242424 181px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 180px, #0d0d0d 181px, #242424 181px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 108px; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 16px 16px; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 8px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(8, 96, 242, 0.8); + border-color: rgba(6, 76, 193, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #0860f2; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #0860f2; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 20px; + padding-top: 0; + padding-bottom: 0; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 14px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button) box > .title, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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: 14px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #0860f2; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 14px 14px; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 14px 14px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0860f2; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #0860f2; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #0860f2; +} + +preferencesbin spinbutton { + border-radius: 14px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #0860f2; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 14px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0860f2); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #0860f2; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#23272e); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#212a39); + color: #0860f2; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0860f2); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 14px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0860f2; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #669efa; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #0860f2; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #176bf7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #0758de; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, hdyleaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 14px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, hdyleaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 14px; +} + +hdyleaflet list > row.activatable { + margin: 2px 4px; + border-radius: 10px; +} + +hdyleaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 14px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 14px 14px; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 15px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 15px; +} + +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 > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 15px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(104, 135, 205, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(104, 135, 205, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar { + border: none; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry { + box-shadow: inset 0 0 0 2px transparent; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); + transition-duration: 300ms; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top tabs > tab:checked { + border-top-color: #373737; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:active, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:checked, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0860f2; + border-color: #0860f2; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem .raven .raven-header:not(.top) button.scale, .raven .raven-header:not(.top) window.background > box.vertical > toolbar.primary-toolbar > toolitem button.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 14px; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 14px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +box.vertical > box.vertical > box.vertical > paned.horizontal { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + border-bottom-left-radius: 14px; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 14px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #242424; +} + +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 14px 14px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 14px 14px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 14px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0860f2; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #669efa; + background-color: #0860f2; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #0860f2; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .xfce4-panel button, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 0; + border: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dedede; + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dedede; + box-shadow: inset 0 -2px #0860f2; + background-color: rgba(222, 222, 222, 0.12); + background-image: none; +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + background-color: rgba(222, 222, 222, 0.18); + color: #dedede; + background-image: none; + box-shadow: inset 0 -2px #0860f2; +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #0860f2; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #0860f2; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #0860f2; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 14px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:hover, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled label, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +/********* + * Geary * + *********/ +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd 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-color: #242424; + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border-image: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(8, 96, 242, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(8, 96, 242, 0.15); + box-shadow: inset 2px 0 #0860f2; + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #6887cd; + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget.background { + background-color: #333333; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #dedede; +} + +#MozillaGtkWidget.background > window.background > menu { + border: none; + background-color: #333333; + border-radius: 0; +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: #666666; +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 14px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, .raven .raven-header:not(.top) button.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +.raven .raven-header:not(.top) button.toggle:hover, +button.flat.-panel-icon-button:hover, +.raven .raven-header:not(.top) button.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); + background: none; +} + +button.flat.-panel-button:active, .raven .raven-header:not(.top) button.-panel-button:active, button.flat.-panel-button:checked, .raven .raven-header:not(.top) button.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +.raven .raven-header:not(.top) button.toggle:active, +button#tasklist-button.toggle.flat:checked, +.raven .raven-header:not(.top) button.toggle:checked, +button.flat.-panel-icon-button:active, +.raven .raven-header:not(.top) button.-panel-icon-button:active, +button.flat.-panel-icon-button:checked, +.raven .raven-header:not(.top) button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:active, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:checked, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; +} + +.pinned button.flat.-panel-icon-button.running, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running > image, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:active, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:checked, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.95) 0%, rgba(51, 51, 51, 0.95) 100%); + border-bottom: 1px solid #0e0e0e; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: #2a2a2a; + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.75); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, .raven .raven-header:not(.top) button.toggle.switcher:hover image, button.flat.toggle.switcher:active image, .raven .raven-header:not(.top) button.toggle.switcher:active image, button.flat.toggle.switcher:checked image, .raven .raven-header:not(.top) button.toggle.switcher:checked image, button.flat.toggle.switcher:selected image, .raven .raven-header:not(.top) button.toggle.switcher:selected image { + color: #0860f2; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #0860f2; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #0860f2; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 14px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +.dynamic-notebook notebook > stack { + border-bottom-right-radius: 14px; + background-color: #242424; +} + +.dynamic-notebook notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook notebook > stack treeview.view:hover, +.dynamic-notebook notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook notebook > stack treeview.view:selected, +.dynamic-notebook notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 16px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle { + margin-top: 5px; + margin-bottom: 5px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:disabled, label:disabled headerbar.titlebar > selection.toggle { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle + button.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 14px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0860f2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 14px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 14px 14px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #0860f2, #0860f2); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0860f2; + border-color: #0860f2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #0860f2; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0860f2; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #0860f2; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + + +filechooser.csd.background, +filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + + +filechooser.csd.background, +filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: transparent; +} + + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border: none; + background-color: transparent; + max-width: 180px; + min-width: 180px; + width: 180px; +} + + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, +filechooser placessidebar.sidebar row.sidebar-row:disabled, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row, +filechooser placessidebar.sidebar row.sidebar-row:disabled label, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row label, +filechooser placessidebar.sidebar row.sidebar-row:disabled image, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + + +filechooser placessidebar.sidebar row.sidebar-row:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-dark.png"), url("assets/sidebar-view-hover-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row:active, +filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-dark.png"), url("assets/sidebar-view-active-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 180px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-dark.png"), url("assets/sidebar-view-checked-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + + +filechooser.maximized headerbar, +filechooser.maximized placessidebar, +.nautilus-window.maximized headerbar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + + +filechooser placesview actionbar.background, +.nautilus-window placesview actionbar.background { + border-radius: 0 0 14px 0; +} + +filechooser actionbar { + color: #dadada; + background-color: #333333; + border-color: rgba(255, 255, 255, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #dadada; +} + +filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { + background-color: rgba(250, 250, 250, 0.05); +} + +filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { + background-color: rgba(250, 250, 250, 0.55); +} + +filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +filechooser actionbar button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +filechooser actionbar entry { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); +} + +filechooser actionbar entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + + +filechooser placessidebar.sidebar scrollbar slider:hover, +.nautilus-window placessidebar.sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: white; +} + + +filechooser placessidebar.sidebar scrollbar slider:hover:active, +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #aaaaaa; +} + + +filechooser placessidebar.sidebar scrollbar slider:disabled, +.nautilus-window placessidebar.sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 10px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 10px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:hover:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:checked:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:active:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button) label, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:checked, .raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; +} + +.raven .raven-header:not(.top) button:disabled label, .raven button:disabled label, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button.flat, .raven button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.raven button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven button.flat:active, .raven .raven-header:not(.top) button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + background-color: transparent; +} + +.raven button.flat:disabled label, .raven .raven-header:not(.top) button:disabled label, label:disabled selection.flat label, .raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + color: rgba(222, 222, 222, 0.35); +} + +.raven .raven-header:not(.top) button.linked, .raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #0860f2; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 14px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 14px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 2px; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button):disabled, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #1c6ff7; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(8, 96, 242, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.65); + box-shadow: none; +} + +.top .budgie-panel { + border-bottom: 1px solid #0e0e0e; + background-image: linear-gradient(0deg, #2a2a2a 0%, #333333 100%); +} + +.top .budgie-panel.transparent { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.85) 0%, rgba(51, 51, 51, 0.85) 100%); +} + +.bottom .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 1px 0 1px; + border-radius: 14px 14px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 1px 0 0 0; +} + +.left .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 1px 1px 0; + border-radius: 0 14px 14px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 1px 0 0; +} + +.right .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 0 1px 1px; + border-radius: 14px 0 0 14px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 0 0 1px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem > window.background.popup > decoration, +.budgie-panel menubar > menuitem > window.background.popup > menu, +.budgie-panel .menubar > menuitem > window.background.popup > decoration, +.budgie-panel .menubar > menuitem > window.background.popup > menu { + border-radius: 0 0 14px 14px; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0860f2; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher, .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel button.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked), .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked), .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):hover, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):active, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):disabled, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active, .budgie-panel .raven .raven-header:not(.top) button.launcher:active, .raven .raven-header:not(.top) .budgie-panel button.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel button.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .top .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .top .budgie-panel button.launcher, .budgie-panel .top button.flat.launcher, .budgie-panel .top .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .top button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .top .budgie-panel button.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .budgie-panel .top .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .top button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher, .budgie-panel .bottom button.flat.launcher, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .left .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .left .budgie-panel button.launcher, .budgie-panel .left button.flat.launcher, .budgie-panel .left .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .left button.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .left .budgie-panel button.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .budgie-panel .left .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .left button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .right .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .right .budgie-panel button.launcher, .budgie-panel .right button.flat.launcher, .budgie-panel .right .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .right button.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .right .budgie-panel button.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .budgie-panel .right .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .right button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher, +.raven .raven-header:not(.top) button.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image, +.raven .raven-header:not(.top) button.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover, +.raven .raven-header:not(.top) button.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image, +.raven .raven-header:not(.top) button.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image, +.raven .raven-header:not(.top) button.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover, +.raven .raven-header:not(.top) button.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image, +.raven .raven-header:not(.top) button.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.unpinned .raven .raven-header:not(.top) button.launcher:hover, +.raven .raven-header:not(.top) .unpinned button.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned .raven .raven-header:not(.top) button.launcher.running:hover, +.raven .raven-header:not(.top) .pinned button.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.unpinned .raven .raven-header:not(.top) button.launcher > image, +.raven .raven-header:not(.top) .unpinned button.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .pinned button.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.unpinned .raven .raven-header:not(.top) button.launcher:checked > image, +.raven .raven-header:not(.top) .unpinned button.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .pinned button.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#0860f2); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#0860f2); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#0860f2); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#0860f2); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, .raven .raven-header:not(.top) box:not(.unpinned):not(.pinned) > revealer > button.launcher { + border-image: none; +} + +.left frame.raven-frame > border { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.72); +} + +.right frame.raven-frame > border { + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.72); +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher { + padding: 6px 0 0 0; + margin: 0; +} + +.raven .raven-header.top stackswitcher button { + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #0860f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0860f2; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0860f2; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 14px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 14px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 14px; + -gtk-outline-radius: 14px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 14px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 14px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 14px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 14px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 4px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + border-bottom-left-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + border-bottom-right-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #0860f2; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #0860f2; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #0860f2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #0860f2; +@define-color budgie_tasklist_indicator_color_active #0860f2; +@define-color budgie_tasklist_indicator_color_active_window #184796; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@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; diff --git a/src/main/gtk-3.0/gtk-dark-solid.scss b/src/main/gtk-3.0/gtk-dark-solid.scss new file mode 100644 index 0000000..bd37496 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid.scss @@ -0,0 +1,15 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/transparent_widgets'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..937571f --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark.css @@ -0,0 +1,10242 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #373737 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #373737 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #0860f2; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #0860f2; + color: white; +} + +filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #0860f2; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #064cc1; + background-color: rgba(6, 76, 193, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #0860f2; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0860f2; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + opacity: 0.5; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5578c7; + background-color: #0860f2; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #0860f2; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0860f2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860f2), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + } +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat, .raven .raven-header:not(.top) button { + min-height: 24px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; + transition: none; +} + +.budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.budgie-menu-launcher:hover:active, .nemo-window .toolbar > button:hover:active, button.flat:hover:active, .raven .raven-header:not(.top) button:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:active, .raven .raven-header:not(.top) button:active, button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +button.budgie-menu-launcher:checked:hover, .nemo-window .toolbar > button:checked:hover, button.flat:checked:hover, .raven .raven-header:not(.top) button:checked:hover { + background-image: none; +} + +.budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.toggle.popup.budgie-menu-launcher, .nemo-window .toolbar > button.toggle.popup, button.flat.toggle.popup, .raven .raven-header:not(.top) button.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(8, 96, 242, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0860f2; +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat, .osd .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .osd button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) .osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .osd button:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) .osd button:active, .osd button.flat:checked, .osd .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat, .raven .raven-header:not(.top) button.suggested-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, .raven .raven-header:not(.top) button.suggested-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat, .raven .raven-header:not(.top) button.destructive-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, .raven .raven-header:not(.top) button.destructive-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:first-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:first-child > button { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:last-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:last-child > button { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:only-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:only-child > button { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:first-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:last-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:only-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, .raven .raven-header:not(.top) button.button:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, .raven .raven-header:not(.top) button.button:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, .raven .raven-header:not(.top) button.button:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, .raven .raven-header:not(.top) button.button check:last-child, +menuitem.button.flat radio:last-child, +.raven .raven-header:not(.top) button.button radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, .raven .raven-header:not(.top) button.button check:first-child, +menuitem.button.flat radio:first-child, +.raven .raven-header:not(.top) button.button radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #9cbffa; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #e6effe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #cedffc; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #cedffc; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(104, 135, 205, 0.75); + box-shadow: inset 0 0 0 1px rgba(104, 135, 205, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(104, 135, 205, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(104, 135, 205, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(104, 135, 205, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + background-color: #242424; +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.inline-toolbar:not(.inline-toolbar) switch, +.inline-toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +.inline-toolbar:not(.inline-toolbar) .linked > button, +.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd actionbar { + border-radius: 0 0 14px 14px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #6887cd; + border-color: #597bc8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #6887cd; + color: rgba(255, 255, 255, 0.6); + border-color: #597bc8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #6887cd; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration button.titlebutton.appmenu, headerbar.default-decoration button.titlebutton.appmenu:active, headerbar.default-decoration button.titlebutton.appmenu:checked { + background-color: transparent; + box-shadow: none; + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 14px; +} + +.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 14px; +} + +.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 14px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 14px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #0860f2; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #0860f2; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0860f2; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #84b0f9; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #6ba0f7; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #739fe8; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #b5cffb; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #0860f2; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0860f2; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0860f2; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #0860f2; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #0860f2; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 14px 14px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 14px 14px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 14px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 14px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { + border-right-style: solid; +} + +notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { + border-bottom-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup, notebook > header .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) notebook > header button.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header .raven .raven-header:not(.top) button.toggle.popup:active, .raven .raven-header:not(.top) notebook > header button.toggle.popup:active, notebook > header button.flat.toggle.popup:checked, notebook > header .raven .raven-header:not(.top) button.toggle.popup:checked, .raven .raven-header:not(.top) notebook > header button.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat, notebook > header tabs > tab .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) notebook > header tabs > tab button { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) { + min-width: 50px; + min-height: 20px; + margin: 6px 2px; + background-size: 50px 20px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 50px 20px; +} + +.raven .raven-background switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); +} + + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 50px; + background-color: rgba(222, 222, 222, 0.3); + background-clip: padding-box; + color: rgba(222, 222, 222, 0.3); + font-size: 0; +} + + +switch:disabled { + color: rgba(222, 222, 222, 0.15); + background-color: rgba(222, 222, 222, 0.15); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #0860f2; + color: rgba(255, 255, 255, 0.65); +} + +label:disabled selection:checked, +switch:checked:disabled { + background-color: rgba(8, 96, 242, 0.45); + color: rgba(255, 255, 255, 0.35); +} + + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + + +switch:hover slider { + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: white; +} + +label:disabled selection:checked slider, +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar check:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar check:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar radio:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar radio:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0860f2; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #90b7f9; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #0860f2; +} + +scale highlight:disabled { + background-color: rgba(8, 96, 242, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(8, 96, 242, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #dae7fd; + border-color: #dae7fd; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #84b0f9; + border-color: #84b0f9; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #90b7f9; + border-color: #90b7f9; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #0860f2; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0860f2; + background-color: #0860f2; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0860f2; + background-color: #0860f2; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat, +.raven .raven-header:not(.top) button.frame { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; + border: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0860f2; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0860f2, #0860f2); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + 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; +} + +infobar { + border-style: none; + background-color: #333333; +} + +infobar.info { + background-color: #0860f2; +} + +infobar.question { + background-color: #3484e2; +} + +infobar.warning { + background-color: #F27835; +} + +infobar.error { + background-color: #FC4138; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + color: white; + caret-color: currentColor; +} + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + min-height: 28px; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0860f2; + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button.flat, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris .raven-header:not(.top) button.image-button, .nemo-window .floating-bar button.flat, .nemo-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .floating-bar button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nautilus-window .floating-bar button, .selection-mode headerbar button.flat, .selection-mode headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .selection-mode headerbar button, headerbar.selection-mode button.flat, headerbar.selection-mode .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar.selection-mode button, infobar.info button.flat, infobar.info .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.info button, infobar.question button.flat, infobar.question .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.question button, infobar.warning button.flat, infobar.warning .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.warning button, infobar.error button.flat, infobar.error .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.error button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .nemo-window .floating-bar button.flat:disabled, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0860f2; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.popup decoration { + box-shadow: none; + border-radius: 14px; +} + +.ssd decoration { + margin: -5px; + border-radius: 14px 14px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 14px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.appmenu, +.titlebar button.titlebutton.appmenu { + transition: background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + color: transparent; + background-image: -gtk-scaled(url("assets/setting-dark.png"), url("assets/setting-dark@2.png")); + background-repeat: no-repeat; + background-position: center; +} + +headerbar button.titlebutton.appmenu image, +.titlebar button.titlebutton.appmenu image { + opacity: 0; +} + +headerbar button.titlebutton.appmenu:active, headerbar button.titlebutton.appmenu:checked, +.titlebar button.titlebutton.appmenu:active, +.titlebar button.titlebutton.appmenu:checked { + transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar button.titlebutton.appmenu:backdrop, +.titlebar button.titlebutton.appmenu:backdrop { + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected { + background-color: #0860f2; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected { + color: #84b0f9; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 14px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 14px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 14px 14px 0 0; +} + +terminal-window notebook button.flat.toggle.popup, terminal-window notebook .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) terminal-window notebook button.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 14px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #cedffc; +} + +.nautilus-window { + border-radius: 14px 14px 16px 16px; +} + +.nautilus-window.background.csd { + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 180px, rgba(13, 13, 13, 0.95) 181px, #242424 181px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 180px, rgba(13, 13, 13, 0.95) 181px, #242424 181px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 108px; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 16px 16px; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 8px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(8, 96, 242, 0.8); + border-color: rgba(6, 76, 193, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #0860f2; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #0860f2; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 20px; + padding-top: 0; + padding-bottom: 0; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 14px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button) box > .title, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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: 14px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #0860f2; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 14px 14px; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 14px 14px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0860f2; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #0860f2; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #0860f2; +} + +preferencesbin spinbutton { + border-radius: 14px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #0860f2; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 14px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0860f2); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #0860f2; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#23272e); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#212a39); + color: #0860f2; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0860f2); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 14px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0860f2; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #669efa; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #0860f2; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #176bf7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #0758de; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { + background-color: rgba(51, 51, 51, 0.95); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, hdyleaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 14px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, hdyleaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 14px; +} + +hdyleaflet list > row.activatable { + margin: 2px 4px; + border-radius: 10px; +} + +hdyleaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 14px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 14px 14px; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +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: #242424; + border-bottom-right-radius: 15px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 15px; +} + +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 > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 14px 14px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 15px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(104, 135, 205, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(104, 135, 205, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar { + border: none; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry { + box-shadow: inset 0 0 0 2px transparent; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus { + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); + transition-duration: 300ms; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top tabs > tab:checked { + border-top-color: #373737; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:active, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:checked, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0860f2; + border-color: #0860f2; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem .raven .raven-header:not(.top) button.scale, .raven .raven-header:not(.top) window.background > box.vertical > toolbar.primary-toolbar > toolitem button.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 14px; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 14px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +box.vertical > box.vertical > box.vertical > paned.horizontal { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + border-bottom-left-radius: 14px; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 14px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #242424; +} + +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 14px 14px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 14px 14px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 14px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0860f2; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: rgba(17, 17, 17, 0.85); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(55, 55, 55, 0.85); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #669efa; + background-color: #0860f2; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #0860f2; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .xfce4-panel button, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 0; + border: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dedede; + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dedede; + box-shadow: inset 0 -2px #0860f2; + background-color: rgba(222, 222, 222, 0.12); + background-image: none; +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + background-color: rgba(222, 222, 222, 0.18); + color: #dedede; + background-image: none; + box-shadow: inset 0 -2px #0860f2; +} + +.xfce4-panel.panel { + background-color: rgba(42, 42, 42, 0.85); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(42, 42, 42, 0.85); + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #0860f2; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #0860f2; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #0860f2; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 14px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:hover, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled label, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +/********* + * Geary * + *********/ +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd 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-color: #242424; + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border-image: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(8, 96, 242, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(8, 96, 242, 0.15); + box-shadow: inset 2px 0 #0860f2; + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #6887cd; + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget.background { + background-color: #333333; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #dedede; +} + +#MozillaGtkWidget.background > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 0; +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: #666666; +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 14px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, .raven .raven-header:not(.top) button.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +.raven .raven-header:not(.top) button.toggle:hover, +button.flat.-panel-icon-button:hover, +.raven .raven-header:not(.top) button.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); + background: none; +} + +button.flat.-panel-button:active, .raven .raven-header:not(.top) button.-panel-button:active, button.flat.-panel-button:checked, .raven .raven-header:not(.top) button.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +.raven .raven-header:not(.top) button.toggle:active, +button#tasklist-button.toggle.flat:checked, +.raven .raven-header:not(.top) button.toggle:checked, +button.flat.-panel-icon-button:active, +.raven .raven-header:not(.top) button.-panel-icon-button:active, +button.flat.-panel-icon-button:checked, +.raven .raven-header:not(.top) button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:active, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:checked, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; +} + +.pinned button.flat.-panel-icon-button.running, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running > image, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:active, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:checked, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #0860f2; + color: white; +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.95) 0%, rgba(51, 51, 51, 0.95) 100%); + border-bottom: 1px solid #0e0e0e; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.85); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.75); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: rgba(42, 42, 42, 0.85); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, .raven .raven-header:not(.top) button.toggle.switcher:hover image, button.flat.toggle.switcher:active image, .raven .raven-header:not(.top) button.toggle.switcher:active image, button.flat.toggle.switcher:checked image, .raven .raven-header:not(.top) button.toggle.switcher:checked image, button.flat.toggle.switcher:selected image, .raven .raven-header:not(.top) button.toggle.switcher:selected image { + color: #0860f2; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #0860f2; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #0860f2; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: none; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 14px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +.dynamic-notebook notebook > stack { + border-bottom-right-radius: 14px; + background-color: #242424; +} + +.dynamic-notebook notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook notebook > stack treeview.view:hover, +.dynamic-notebook notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook notebook > stack treeview.view:selected, +.dynamic-notebook notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 16px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle { + margin-top: 5px; + margin-bottom: 5px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:disabled, label:disabled headerbar.titlebar > selection.toggle { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle + button.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 14px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0860f2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 14px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 14px 14px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #0860f2, #0860f2); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0860f2; + border-color: #0860f2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #0860f2; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0860f2; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #0860f2; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(42, 42, 42, 0.85); + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px rgba(24, 24, 24, 0.85); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + + +filechooser.csd.background, +filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + + +filechooser.csd.background, +filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: transparent; +} + + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border: none; + background-color: transparent; + max-width: 180px; + min-width: 180px; + width: 180px; +} + + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, +filechooser placessidebar.sidebar row.sidebar-row:disabled, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row, +filechooser placessidebar.sidebar row.sidebar-row:disabled label, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row label, +filechooser placessidebar.sidebar row.sidebar-row:disabled image, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + + +filechooser placessidebar.sidebar row.sidebar-row:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-dark.png"), url("assets/sidebar-view-hover-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row:active, +filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-dark.png"), url("assets/sidebar-view-active-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 180px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-dark.png"), url("assets/sidebar-view-checked-dark@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + + +filechooser.maximized headerbar, +filechooser.maximized placessidebar, +.nautilus-window.maximized headerbar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + + +filechooser placesview actionbar.background, +.nautilus-window placesview actionbar.background { + border-radius: 0 0 14px 0; +} + +filechooser actionbar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); + border-color: rgba(255, 255, 255, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #dadada; +} + +filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { + background-color: rgba(250, 250, 250, 0.05); +} + +filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { + background-color: rgba(250, 250, 250, 0.55); +} + +filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +filechooser actionbar button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: white; + background-color: #0860f2; + border-color: rgba(0, 0, 0, 0.15); +} + +filechooser actionbar entry { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); +} + +filechooser actionbar entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(104, 135, 205, 0.75); +} + + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + + +filechooser placessidebar.sidebar scrollbar slider:hover, +.nautilus-window placessidebar.sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: white; +} + + +filechooser placessidebar.sidebar scrollbar slider:hover:active, +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #aaaaaa; +} + + +filechooser placessidebar.sidebar scrollbar slider:disabled, +.nautilus-window placessidebar.sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 10px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 10px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:hover:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:checked:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:active:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button) label, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:checked, .raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; +} + +.raven .raven-header:not(.top) button:disabled label, .raven button:disabled label, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button.flat, .raven button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.raven button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven button.flat:active, .raven .raven-header:not(.top) button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + background-color: transparent; +} + +.raven button.flat:disabled label, .raven .raven-header:not(.top) button:disabled label, label:disabled selection.flat label, .raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + color: rgba(222, 222, 222, 0.35); +} + +.raven .raven-header:not(.top) button.linked, .raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #0860f2; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 14px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 14px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 2px; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button):disabled, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #1c6ff7; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(8, 96, 242, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(42, 42, 42, 0.85); + color: #dadada; + font-weight: 500; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.65); + box-shadow: none; +} + +.top .budgie-panel { + border-bottom: 1px solid #0e0e0e; + background-image: linear-gradient(0deg, #2a2a2a 0%, #333333 100%); +} + +.top .budgie-panel.transparent { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(42, 42, 42, 0.85) 0%, rgba(51, 51, 51, 0.85) 100%); +} + +.bottom .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 1px 0 1px; + border-radius: 14px 14px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 1px 0 0 0; +} + +.left .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 1px 1px 0; + border-radius: 0 14px 14px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 1px 0 0; +} + +.right .budgie-panel { + border: solid rgba(0, 0, 0, 0.72); + border-width: 1px 0 1px 1px; + border-radius: 14px 0 0 14px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 0 0 1px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem > window.background.popup > decoration, +.budgie-panel menubar > menuitem > window.background.popup > menu, +.budgie-panel .menubar > menuitem > window.background.popup > decoration, +.budgie-panel .menubar > menuitem > window.background.popup > menu { + border-radius: 0 0 14px 14px; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0860f2; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher, .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel button.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked), .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked), .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):hover, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):active, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):disabled, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active, .budgie-panel .raven .raven-header:not(.top) button.launcher:active, .raven .raven-header:not(.top) .budgie-panel button.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel button.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .top .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .top .budgie-panel button.launcher, .budgie-panel .top button.flat.launcher, .budgie-panel .top .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .top button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .top .budgie-panel button.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .budgie-panel .top .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .top button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher, .budgie-panel .bottom button.flat.launcher, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .left .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .left .budgie-panel button.launcher, .budgie-panel .left button.flat.launcher, .budgie-panel .left .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .left button.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .left .budgie-panel button.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .budgie-panel .left .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .left button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .right .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .right .budgie-panel button.launcher, .budgie-panel .right button.flat.launcher, .budgie-panel .right .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .right button.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .right .budgie-panel button.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .budgie-panel .right .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .right button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher, +.raven .raven-header:not(.top) button.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image, +.raven .raven-header:not(.top) button.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover, +.raven .raven-header:not(.top) button.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image, +.raven .raven-header:not(.top) button.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image, +.raven .raven-header:not(.top) button.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover, +.raven .raven-header:not(.top) button.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image, +.raven .raven-header:not(.top) button.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.unpinned .raven .raven-header:not(.top) button.launcher:hover, +.raven .raven-header:not(.top) .unpinned button.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned .raven .raven-header:not(.top) button.launcher.running:hover, +.raven .raven-header:not(.top) .pinned button.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.unpinned .raven .raven-header:not(.top) button.launcher > image, +.raven .raven-header:not(.top) .unpinned button.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .pinned button.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.unpinned .raven .raven-header:not(.top) button.launcher:checked > image, +.raven .raven-header:not(.top) .unpinned button.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .pinned button.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#0860f2); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#0860f2); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#0860f2); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#0860f2); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, .raven .raven-header:not(.top) box:not(.unpinned):not(.pinned) > revealer > button.launcher { + border-image: none; +} + +.left frame.raven-frame > border { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.72); +} + +.right frame.raven-frame > border { + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.72); +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top stackswitcher { + padding: 6px 0 0 0; + margin: 0; +} + +.raven .raven-header.top stackswitcher button { + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #0860f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0860f2; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.65); +} + +.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(222, 222, 222, 0.06); + color: #dedede; +} + +.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: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0860f2; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 14px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 14px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 14px; + -gtk-outline-radius: 14px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 14px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 14px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 14px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 14px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 4px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + border-bottom-left-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + border-bottom-right-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #0860f2; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #0860f2; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #0860f2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #0860f2; +@define-color budgie_tasklist_indicator_color_active #0860f2; +@define-color budgie_tasklist_indicator_color_active_window rgba(21, 75, 165, 0.931); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@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; diff --git a/src/main/gtk-3.0/gtk-dark.scss b/src/main/gtk-3.0/gtk-dark.scss new file mode 100644 index 0000000..c11f5cd --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark.scss @@ -0,0 +1,15 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/transparent_widgets'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css new file mode 100644 index 0000000..df17abd --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid.css @@ -0,0 +1,10285 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #ffffff 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #0860f2; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #0860f2; + color: white; +} + +filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #0860f2; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #064cc1; + background-color: rgba(6, 76, 193, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #0860f2; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0860f2; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + opacity: 0.5; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5578c7; + background-color: #0860f2; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #0860f2; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0860f2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860f2), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + } +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat, .raven .raven-header:not(.top) button { + min-height: 24px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; + transition: none; +} + +.budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.budgie-menu-launcher:hover:active, .nemo-window .toolbar > button:hover:active, button.flat:hover:active, .raven .raven-header:not(.top) button:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:active, .raven .raven-header:not(.top) button:active, button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +button.budgie-menu-launcher:checked:hover, .nemo-window .toolbar > button:checked:hover, button.flat:checked:hover, .raven .raven-header:not(.top) button:checked:hover { + background-image: none; +} + +.budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.toggle.popup.budgie-menu-launcher, .nemo-window .toolbar > button.toggle.popup, button.flat.toggle.popup, .raven .raven-header:not(.top) button.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(8, 96, 242, 0); + background-color: rgba(8, 96, 242, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0860f2; +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat, .osd .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .osd button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) .osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .osd button:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) .osd button:active, .osd button.flat:checked, .osd .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) .osd button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat, .raven .raven-header:not(.top) button.suggested-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, .raven .raven-header:not(.top) button.suggested-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat, .raven .raven-header:not(.top) button.destructive-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, .raven .raven-header:not(.top) button.destructive-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:first-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:first-child > button { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:last-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:last-child > button { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:only-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:only-child > button { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:first-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:last-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:only-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, .raven .raven-header:not(.top) button.button:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, .raven .raven-header:not(.top) button.button:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, .raven .raven-header:not(.top) button.button:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, .raven .raven-header:not(.top) button.button check:last-child, +menuitem.button.flat radio:last-child, +.raven .raven-header:not(.top) button.button radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, .raven .raven-header:not(.top) button.button check:first-child, +menuitem.button.flat radio:first-child, +.raven .raven-header:not(.top) button.button radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #9cbffa; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #e6effe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #cedffc; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #cedffc; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(103, 164, 233, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(103, 164, 233, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(103, 164, 233, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(103, 164, 233, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(103, 164, 233, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + background-color: #ffffff; +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.inline-toolbar:not(.inline-toolbar) switch, +.inline-toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +.inline-toolbar:not(.inline-toolbar) .linked > button, +.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd actionbar { + border-radius: 0 0 14px 14px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #6887cd; + border-color: #597bc8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #6887cd; + color: rgba(255, 255, 255, 0.6); + border-color: #597bc8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #6887cd; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration button.titlebutton.appmenu, headerbar.default-decoration button.titlebutton.appmenu:active, headerbar.default-decoration button.titlebutton.appmenu:checked { + background-color: transparent; + box-shadow: none; + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 14px; +} + +.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 14px; +} + +.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 14px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 14px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #0860f2; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #0860f2; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0860f2; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #84b0f9; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #6ba0f7; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #16428b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #b5cffb; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #0860f2; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0860f2; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0860f2; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #0860f2; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #0860f2; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 14px 14px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 14px 14px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 14px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 14px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { + border-right-style: solid; +} + +notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { + border-bottom-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup, notebook > header .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) notebook > header button.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header .raven .raven-header:not(.top) button.toggle.popup:active, .raven .raven-header:not(.top) notebook > header button.toggle.popup:active, notebook > header button.flat.toggle.popup:checked, notebook > header .raven .raven-header:not(.top) button.toggle.popup:checked, .raven .raven-header:not(.top) notebook > header button.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat, notebook > header tabs > tab .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) notebook > header tabs > tab button { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) { + min-width: 50px; + min-height: 20px; + margin: 6px 2px; + background-size: 50px 20px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 50px 20px; +} + +.raven .raven-background switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); +} + + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 50px; + background-color: rgba(36, 36, 36, 0.3); + background-clip: padding-box; + color: rgba(36, 36, 36, 0.3); + font-size: 0; +} + + +switch:disabled { + color: rgba(36, 36, 36, 0.15); + background-color: rgba(36, 36, 36, 0.15); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #0860f2; + color: rgba(255, 255, 255, 0.65); +} + +label:disabled selection:checked, +switch:checked:disabled { + background-color: rgba(8, 96, 242, 0.45); + color: rgba(255, 255, 255, 0.35); +} + + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + + +switch:hover slider { + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: white; +} + +label:disabled selection:checked slider, +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar check:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar check:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar radio:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar radio:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0860f2; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #90b7f9; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #0860f2; +} + +scale highlight:disabled { + background-color: rgba(8, 96, 242, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(8, 96, 242, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #dae7fd; + border-color: #dae7fd; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #84b0f9; + border-color: #84b0f9; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #90b7f9; + border-color: #90b7f9; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #0860f2; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0860f2; + background-color: #0860f2; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0860f2; + background-color: #0860f2; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat, +.raven .raven-header:not(.top) button.frame { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #0860f2; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; + border: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0860f2; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0860f2, #0860f2); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; + background-color: #f5f5f5; +} + +infobar.info { + background-color: #0860f2; +} + +infobar.question { + background-color: #3484e2; +} + +infobar.warning { + background-color: #F27835; +} + +infobar.error { + background-color: #FC4138; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + color: white; + caret-color: currentColor; +} + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + min-height: 28px; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0860f2; + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button.flat, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris .raven-header:not(.top) button.image-button, .nemo-window .floating-bar button.flat, .nemo-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .floating-bar button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nautilus-window .floating-bar button, .selection-mode headerbar button.flat, .selection-mode headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .selection-mode headerbar button, headerbar.selection-mode button.flat, headerbar.selection-mode .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar.selection-mode button, infobar.info button.flat, infobar.info .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.info button, infobar.question button.flat, infobar.question .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.question button, infobar.warning button.flat, infobar.warning .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.warning button, infobar.error button.flat, infobar.error .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.error button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .nemo-window .floating-bar button.flat:disabled, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0860f2; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.popup decoration { + box-shadow: none; + border-radius: 14px; +} + +.ssd decoration { + margin: -5px; + border-radius: 14px 14px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 14px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.appmenu, +.titlebar button.titlebutton.appmenu { + transition: background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + color: transparent; + background-image: -gtk-scaled(url("assets/setting.png"), url("assets/setting@2.png")); + background-repeat: no-repeat; + background-position: center; +} + +headerbar button.titlebutton.appmenu image, +.titlebar button.titlebutton.appmenu image { + opacity: 0; +} + +headerbar button.titlebutton.appmenu:active, headerbar button.titlebutton.appmenu:checked, +.titlebar button.titlebutton.appmenu:active, +.titlebar button.titlebutton.appmenu:checked { + transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar button.titlebutton.appmenu:backdrop, +.titlebar button.titlebutton.appmenu:backdrop { + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected { + background-color: #0860f2; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected { + color: #84b0f9; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 14px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 14px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 14px 14px 0 0; +} + +terminal-window notebook button.flat.toggle.popup, terminal-window notebook .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) terminal-window notebook button.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 14px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #cedffc; +} + +.nautilus-window { + border-radius: 14px 14px 16px 16px; +} + +.nautilus-window.background.csd { + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 180px, #cacaca 181px, #ffffff 181px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 180px, #cacaca 181px, #ffffff 181px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 108px; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 16px 16px; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 8px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(8, 96, 242, 0.8); + border-color: rgba(6, 76, 193, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #0860f2; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(103, 164, 233, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 20px; + padding-top: 0; + padding-bottom: 0; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 14px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button) box > .title, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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: 14px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #0860f2; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 14px 14px; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 14px 14px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0860f2; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #0860f2; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #0860f2; +} + +preferencesbin spinbutton { + border-radius: 14px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #0860f2; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 14px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0860f2); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #0860f2; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f3f7fe); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#e6effe); + color: #0860f2; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0860f2); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 14px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0860f2; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #669efa; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #0860f2; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #176bf7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #0758de; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, hdyleaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 14px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, hdyleaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 14px; +} + +hdyleaflet list > row.activatable { + margin: 2px 4px; + border-radius: 10px; +} + +hdyleaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 14px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 14px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 14px 14px; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 15px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 15px; +} + +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 > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 15px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(103, 164, 233, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(103, 164, 233, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar { + border: none; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry { + box-shadow: inset 0 0 0 2px transparent; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); + transition-duration: 300ms; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top tabs > tab:checked { + border-top-color: #ffffff; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:active, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:checked, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0860f2; + border-color: #0860f2; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem .raven .raven-header:not(.top) button.scale, .raven .raven-header:not(.top) window.background > box.vertical > toolbar.primary-toolbar > toolitem button.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 14px; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 14px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +box.vertical > box.vertical > box.vertical > paned.horizontal { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + border-bottom-left-radius: 14px; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 14px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 14px 14px; + 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 14px 14px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 14px 14px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 14px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0860f2; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #669efa; + background-color: #0860f2; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #0860f2; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .xfce4-panel button, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 0; + border: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #242424; + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #242424; + box-shadow: inset 0 -2px #0860f2; + background-color: rgba(36, 36, 36, 0.12); + background-image: none; +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + background-color: rgba(36, 36, 36, 0.18); + color: #242424; + background-image: none; + box-shadow: inset 0 -2px #0860f2; +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #0860f2; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #0860f2; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #0860f2; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 14px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:hover, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled label, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +/********* + * Geary * + *********/ +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd 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-color: #ffffff; + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border-image: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(8, 96, 242, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(8, 96, 242, 0.15); + box-shadow: inset 2px 0 #0860f2; + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #6887cd; + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget.background { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #242424; +} + +#MozillaGtkWidget.background > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 0; +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 14px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, .raven .raven-header:not(.top) button.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +.raven .raven-header:not(.top) button.toggle:hover, +button.flat.-panel-icon-button:hover, +.raven .raven-header:not(.top) button.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); + background: none; +} + +button.flat.-panel-button:active, .raven .raven-header:not(.top) button.-panel-button:active, button.flat.-panel-button:checked, .raven .raven-header:not(.top) button.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +.raven .raven-header:not(.top) button.toggle:active, +button#tasklist-button.toggle.flat:checked, +.raven .raven-header:not(.top) button.toggle:checked, +button.flat.-panel-icon-button:active, +.raven .raven-header:not(.top) button.-panel-icon-button:active, +button.flat.-panel-icon-button:checked, +.raven .raven-header:not(.top) button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:active, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:checked, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running > image, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:active, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:checked, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.95) 0%, rgba(245, 245, 245, 0.95) 100%); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: #f1f1f1; + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.75); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, .raven .raven-header:not(.top) button.toggle.switcher:hover image, button.flat.toggle.switcher:active image, .raven .raven-header:not(.top) button.toggle.switcher:active image, button.flat.toggle.switcher:checked image, .raven .raven-header:not(.top) button.toggle.switcher:checked image, button.flat.toggle.switcher:selected image, .raven .raven-header:not(.top) button.toggle.switcher:selected image { + color: #0860f2; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #0860f2; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #0860f2; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 14px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +.dynamic-notebook notebook > stack { + border-bottom-right-radius: 14px; + background-color: #ffffff; +} + +.dynamic-notebook notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook notebook > stack treeview.view:hover, +.dynamic-notebook notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook notebook > stack treeview.view:selected, +.dynamic-notebook notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 16px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle { + margin-top: 5px; + margin-bottom: 5px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:disabled, label:disabled headerbar.titlebar > selection.toggle { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle + button.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 14px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0860f2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 14px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 14px 14px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #0860f2, #0860f2); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0860f2; + border-color: #0860f2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #0860f2; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0860f2; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #0860f2; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + + +filechooser.csd.background, +filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + + +filechooser.csd.background, +filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: transparent; +} + + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border: none; + background-color: transparent; + max-width: 180px; + min-width: 180px; + width: 180px; +} + + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, +filechooser placessidebar.sidebar row.sidebar-row:disabled, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row, +filechooser placessidebar.sidebar row.sidebar-row:disabled label, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row label, +filechooser placessidebar.sidebar row.sidebar-row:disabled image, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + + +filechooser placessidebar.sidebar row.sidebar-row:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover.png"), url("assets/sidebar-view-hover@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row:active, +filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active.png"), url("assets/sidebar-view-active@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 180px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked.png"), url("assets/sidebar-view-checked@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + + +filechooser.maximized headerbar, +filechooser.maximized placessidebar, +.nautilus-window.maximized headerbar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + + +filechooser placesview actionbar.background, +.nautilus-window placesview actionbar.background { + border-radius: 0 0 14px 0; +} + +filechooser actionbar { + color: #363636; + background-color: #f0f0f0; + border-color: rgba(0, 0, 0, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #363636; +} + +filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { + background-color: rgba(0, 0, 0, 0.05); +} + +filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { + background-color: rgba(0, 0, 0, 0.55); +} + +filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +filechooser actionbar button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +filechooser actionbar entry { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); +} + +filechooser actionbar entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + + +filechooser placessidebar.sidebar scrollbar slider:hover, +.nautilus-window placessidebar.sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: dimgray; +} + + +filechooser placessidebar.sidebar scrollbar slider:hover:active, +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #686868; +} + + +filechooser placessidebar.sidebar scrollbar slider:disabled, +.nautilus-window placessidebar.sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 10px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 10px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:hover:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:checked:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:active:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button) label, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:checked, .raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; +} + +.raven .raven-header:not(.top) button:disabled label, .raven button:disabled label, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button.flat, .raven button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.raven button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven button.flat:active, .raven .raven-header:not(.top) button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + background-color: transparent; +} + +.raven button.flat:disabled label, .raven .raven-header:not(.top) button:disabled label, label:disabled selection.flat label, .raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + color: rgba(36, 36, 36, 0.45); +} + +.raven .raven-header:not(.top) button.linked, .raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #0860f2; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 14px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 14px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 2px; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button):disabled, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #1c6ff7; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(8, 96, 242, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.65); + box-shadow: none; +} + +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-image: linear-gradient(0deg, #e2e2e2 0%, #f5f5f5 100%); +} + +.top .budgie-panel.transparent { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.85) 0%, rgba(245, 245, 245, 0.85) 100%); +} + +.bottom .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 1px 0 1px; + border-radius: 14px 14px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 1px 0 0 0; +} + +.left .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 1px 1px 0; + border-radius: 0 14px 14px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 1px 0 0; +} + +.right .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 0 1px 1px; + border-radius: 14px 0 0 14px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 0 0 1px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem > window.background.popup > decoration, +.budgie-panel menubar > menuitem > window.background.popup > menu, +.budgie-panel .menubar > menuitem > window.background.popup > decoration, +.budgie-panel .menubar > menuitem > window.background.popup > menu { + border-radius: 0 0 14px 14px; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0860f2; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher, .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel button.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked), .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked), .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):hover, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):active, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):disabled, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active, .budgie-panel .raven .raven-header:not(.top) button.launcher:active, .raven .raven-header:not(.top) .budgie-panel button.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel button.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .top .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .top .budgie-panel button.launcher, .budgie-panel .top button.flat.launcher, .budgie-panel .top .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .top button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .top .budgie-panel button.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .budgie-panel .top .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .top button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher, .budgie-panel .bottom button.flat.launcher, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .left .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .left .budgie-panel button.launcher, .budgie-panel .left button.flat.launcher, .budgie-panel .left .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .left button.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .left .budgie-panel button.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .budgie-panel .left .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .left button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .right .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .right .budgie-panel button.launcher, .budgie-panel .right button.flat.launcher, .budgie-panel .right .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .right button.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .right .budgie-panel button.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .budgie-panel .right .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .right button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher, +.raven .raven-header:not(.top) button.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image, +.raven .raven-header:not(.top) button.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover, +.raven .raven-header:not(.top) button.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image, +.raven .raven-header:not(.top) button.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image, +.raven .raven-header:not(.top) button.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover, +.raven .raven-header:not(.top) button.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image, +.raven .raven-header:not(.top) button.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.unpinned .raven .raven-header:not(.top) button.launcher:hover, +.raven .raven-header:not(.top) .unpinned button.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned .raven .raven-header:not(.top) button.launcher.running:hover, +.raven .raven-header:not(.top) .pinned button.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.unpinned .raven .raven-header:not(.top) button.launcher > image, +.raven .raven-header:not(.top) .unpinned button.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .pinned button.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.unpinned .raven .raven-header:not(.top) button.launcher:checked > image, +.raven .raven-header:not(.top) .unpinned button.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .pinned button.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#0860f2); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#0860f2); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#0860f2); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#0860f2); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, .raven .raven-header:not(.top) box:not(.unpinned):not(.pinned) > revealer > button.launcher { + border-image: none; +} + +.left frame.raven-frame > border { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +.right frame.raven-frame > border { + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top stackswitcher { + padding: 6px 0 0 0; + margin: 0; +} + +.raven .raven-header.top stackswitcher button { + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #0860f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0860f2; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0860f2; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 14px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 14px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 14px; + -gtk-outline-radius: 14px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 14px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 14px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 14px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 14px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 4px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + border-bottom-left-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + border-bottom-right-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.08); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.08); + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #0860f2; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #0860f2; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #0860f2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #0860f2; +@define-color budgie_tasklist_indicator_color_active #0860f2; +@define-color budgie_tasklist_indicator_color_active_window #73a3f2; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@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; diff --git a/src/main/gtk-3.0/gtk-light-solid.scss b/src/main/gtk-3.0/gtk-light-solid.scss new file mode 100644 index 0000000..9de7895 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid.scss @@ -0,0 +1,15 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/transparent_widgets'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css new file mode 100644 index 0000000..6056f44 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light.css @@ -0,0 +1,10285 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #0860f2 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #ffffff 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #ffffff 100%, transparent 0%); + } +} + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #0860f2; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 14px 14px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #0860f2; + color: white; +} + +filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #0860f2; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #064cc1; + background-color: rgba(6, 76, 193, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #0860f2; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0860f2; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@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, label:disabled selection:checked { + opacity: 0.5; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5578c7; + background-color: #0860f2; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #0860f2; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0860f2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860f2), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + } +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat, .raven .raven-header:not(.top) button { + min-height: 24px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; + transition: none; +} + +.budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.budgie-menu-launcher:hover:active, .nemo-window .toolbar > button:hover:active, button.flat:hover:active, .raven .raven-header:not(.top) button:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:active, .raven .raven-header:not(.top) button:active, button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +button.budgie-menu-launcher:checked:hover, .nemo-window .toolbar > button:checked:hover, button.flat:checked:hover, .raven .raven-header:not(.top) button:checked:hover { + background-image: none; +} + +.budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.toggle.popup.budgie-menu-launcher, .nemo-window .toolbar > button.toggle.popup, button.flat.toggle.popup, .raven .raven-header:not(.top) button.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(8, 96, 242, 0); + background-color: rgba(8, 96, 242, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0860f2; +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat, .osd .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .osd button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) .osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .osd button:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) .osd button:active, .osd button.flat:checked, .osd .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) .osd button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat, .raven .raven-header:not(.top) button.suggested-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, .raven .raven-header:not(.top) button.suggested-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat, .raven .raven-header:not(.top) button.destructive-action { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, .raven .raven-header:not(.top) button.destructive-action:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860f2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:first-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:first-child > button { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:last-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:last-child > button { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton:only-child > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton:only-child > button { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:first-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:last-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child, toolbar.inline-toolbar .raven .raven-header:not(.top) toolbutton > button:only-child, .raven .raven-header:not(.top) toolbar.inline-toolbar toolbutton > button:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, .raven .raven-header:not(.top) button.button, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, .raven .raven-header:not(.top) button.button:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, .raven .raven-header:not(.top) button.button:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, .raven .raven-header:not(.top) button.button:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, .raven .raven-header:not(.top) button.button check:last-child, +menuitem.button.flat radio:last-child, +.raven .raven-header:not(.top) button.button radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, .raven .raven-header:not(.top) button.button check:first-child, +menuitem.button.flat radio:first-child, +.raven .raven-header:not(.top) button.button radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +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:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #9cbffa; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #e6effe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #cedffc; +} + +infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #cedffc; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(103, 164, 233, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(103, 164, 233, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(103, 164, 233, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(103, 164, 233, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(103, 164, 233, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + background-color: #ffffff; +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.inline-toolbar:not(.inline-toolbar) switch, +.inline-toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) button, toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +.inline-toolbar:not(.inline-toolbar) .linked > button, +.inline-toolbar:not(.inline-toolbar) .linked > entry, toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd actionbar { + border-radius: 0 0 14px 14px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #6887cd; + border-color: #597bc8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #6887cd; + color: rgba(255, 255, 255, 0.6); + border-color: #597bc8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #6887cd; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration button.titlebutton.appmenu, headerbar.default-decoration button.titlebutton.appmenu:active, headerbar.default-decoration button.titlebutton.appmenu:checked { + background-color: transparent; + box-shadow: none; + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 14px; +} + +.maximized separator:first-child + headerbar, .tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, .tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, .tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, .tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 14px; +} + +.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 14px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 14px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #0860f2; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #0860f2; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:backdrop:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:active:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:checked:hover:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button) label, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:disabled:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, .raven .raven-header:not(.top) window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button), .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, .nemo-window .primary-toolbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .primary-toolbar button, headerbar button.flat, headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0860f2; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #84b0f9; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #6ba0f7; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #16428b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #b5cffb; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #0860f2; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0860f2; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0860f2; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #0860f2; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #0860f2; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 14px 14px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 14px 14px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 14px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 14px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook.frame > header.top tabs > tab:first-child, notebook.frame > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook.frame > header.top tabs > tab:last-child, notebook.frame > header.bottom tabs > tab:last-child { + border-right-style: solid; +} + +notebook.frame > header.left tabs > tab:first-child, notebook.frame > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook.frame > header.left tabs > tab:last-child, notebook.frame > header.right tabs > tab:last-child { + border-bottom-style: solid; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup, notebook > header .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) notebook > header button.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header .raven .raven-header:not(.top) button.toggle.popup:active, .raven .raven-header:not(.top) notebook > header button.toggle.popup:active, notebook > header button.flat.toggle.popup:checked, notebook > header .raven .raven-header:not(.top) button.toggle.popup:checked, .raven .raven-header:not(.top) notebook > header button.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat, notebook > header tabs > tab .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) notebook > header tabs > tab button { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover, notebook > header tabs > tab .raven .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) notebook > header tabs > tab button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) notebook > header tabs > tab button:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +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-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) { + min-width: 50px; + min-height: 20px; + margin: 6px 2px; + background-size: 50px 20px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png")); +} + +.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 50px 20px; +} + +.raven .raven-background switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked { + background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); +} + +.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { + background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); +} + + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 50px; + background-color: rgba(36, 36, 36, 0.3); + background-clip: padding-box; + color: rgba(36, 36, 36, 0.3); + font-size: 0; +} + + +switch:disabled { + color: rgba(36, 36, 36, 0.15); + background-color: rgba(36, 36, 36, 0.15); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #0860f2; + color: rgba(255, 255, 255, 0.65); +} + +label:disabled selection:checked, +switch:checked:disabled { + background-color: rgba(8, 96, 242, 0.45); + color: rgba(255, 255, 255, 0.35); +} + + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + + +switch:hover slider { + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: white; +} + +label:disabled selection:checked slider, +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar check:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar check:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate, +filechooser actionbar radio:indeterminate:disabled, +filechooser actionbar label:disabled selection:indeterminate, +label:disabled filechooser actionbar selection:indeterminate, +filechooser label:disabled actionbar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked, +filechooser actionbar radio:checked:disabled, +filechooser actionbar label:disabled selection:checked, +label:disabled filechooser actionbar selection:checked, +filechooser label:disabled actionbar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0860f2; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #90b7f9; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #0860f2; +} + +scale highlight:disabled { + background-color: rgba(8, 96, 242, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(8, 96, 242, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #dae7fd; + border-color: #dae7fd; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #84b0f9; + border-color: #84b0f9; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #90b7f9; + border-color: #90b7f9; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #0860f2; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0860f2; + background-color: #0860f2; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0860f2; + background-color: #0860f2; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat, +.raven .raven-header:not(.top) button.frame { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #0860f2; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; + border: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooser stack.view { + background-color: transparent; +} + +filechooser stack.view scrolledwindow { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.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:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0860f2; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0860f2, #0860f2); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + 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; +} + +infobar { + border-style: none; + background-color: #f5f5f5; +} + +infobar.info { + background-color: #0860f2; +} + +infobar.question { + background-color: #3484e2; +} + +infobar.warning { + background-color: #F27835; +} + +infobar.error { + background-color: #FC4138; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + color: white; + caret-color: currentColor; +} + +infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + min-height: 28px; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0860f2; + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button.flat, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris .raven-header:not(.top) button.image-button, .nemo-window .floating-bar button.flat, .nemo-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nemo-window .floating-bar button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .nautilus-window .floating-bar button, .selection-mode headerbar button.flat, .selection-mode headerbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .selection-mode headerbar button, headerbar.selection-mode button.flat, headerbar.selection-mode .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) headerbar.selection-mode button, infobar.info button.flat, infobar.info .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.info button, infobar.question button.flat, infobar.question .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.question button, infobar.warning button.flat, infobar.warning .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.warning button, infobar.error button.flat, infobar.error .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) infobar.error button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .nemo-window .floating-bar button.flat:disabled, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nemo-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar .raven .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:hover, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled label, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:active, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-header:not(.top) button:disabled:checked, .raven .raven-header:not(.top) scrolledwindow > .frame > box.vertical > box.vertical:last-child button:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0860f2; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, searchbar .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) searchbar button, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, searchbar .raven .raven-header:not(.top) button:active, .raven .raven-header:not(.top) searchbar button:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, searchbar .raven .raven-header:not(.top) button:checked, .raven .raven-header:not(.top) searchbar button:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 14px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.popup decoration { + box-shadow: none; + border-radius: 14px; +} + +.ssd decoration { + margin: -5px; + border-radius: 14px 14px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 14px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 14px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.appmenu, +.titlebar button.titlebutton.appmenu { + transition: background-color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + color: transparent; + background-image: -gtk-scaled(url("assets/setting.png"), url("assets/setting@2.png")); + background-repeat: no-repeat; + background-position: center; +} + +headerbar button.titlebutton.appmenu image, +.titlebar button.titlebutton.appmenu image { + opacity: 0; +} + +headerbar button.titlebutton.appmenu:active, headerbar button.titlebutton.appmenu:checked, +.titlebar button.titlebutton.appmenu:active, +.titlebar button.titlebutton.appmenu:checked { + transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 0, background-size 0; + background-image: -gtk-scaled(url("assets/setting-icon.png"), url("assets/setting-icon@2.png")); +} + +headerbar button.titlebutton.appmenu:backdrop, +.titlebar button.titlebutton.appmenu:backdrop { + background-image: -gtk-scaled(url("assets/setting-icon-dark.png"), url("assets/setting-icon-dark@2.png")); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, .raven .raven-header:not(.top) button.button:active, menuitem.button.flat:active arrow, .raven .raven-header:not(.top) button.button:active arrow, menuitem.button.flat:selected, .raven .raven-header:not(.top) button.button:selected, menuitem.button.flat:selected arrow, .raven .raven-header:not(.top) button.button:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected { + background-color: #0860f2; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected { + color: #84b0f9; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 14px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 14px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 14px 14px 0 0; +} + +terminal-window notebook button.flat.toggle.popup, terminal-window notebook .raven .raven-header:not(.top) button.toggle.popup, .raven .raven-header:not(.top) terminal-window notebook button.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +terminal-window.background.csd.maximized { + border-radius: 0 0 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 14px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #cedffc; +} + +.nautilus-window { + border-radius: 14px 14px 16px 16px; +} + +.nautilus-window.background.csd { + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 180px, rgba(202, 202, 202, 0.94) 181px, #ffffff 181px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 180px, rgba(202, 202, 202, 0.94) 181px, #ffffff 181px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 108px; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 16px 16px; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 8px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(8, 96, 242, 0.8); + border-color: rgba(6, 76, 193, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #0860f2; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(103, 164, 233, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin-top: 6px; + margin-bottom: 6px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 20px; + padding-top: 0; + padding-bottom: 0; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #0860f2; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 14px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title, window.org-gnome-gedit > paned.titlebar > headerbar .raven .raven-header:not(.top) button.toggle.popup:not(.image-button) box > .title, .raven .raven-header:not(.top) window.org-gnome-gedit > paned.titlebar > headerbar button.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +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: 14px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +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-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #0860f2; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 14px 14px; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 14px 14px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0860f2; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #0860f2; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #0860f2; +} + +preferencesbin spinbutton { + border-radius: 14px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #0860f2; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 14px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#0860f2); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #0860f2; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f3f7fe); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#e6effe); + color: #0860f2; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#0860f2); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 14px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0860f2; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #669efa; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #0860f2; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #176bf7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #0758de; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar { + background-color: rgba(240, 240, 240, 0.94); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view.frame, hdyleaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 14px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view.frame > separator, hdyleaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 14px; + border-top-right-radius: 14px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 14px; +} + +hdyleaflet list > row.activatable { + margin: 2px 4px; + border-radius: 10px; +} + +hdyleaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 14px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 14px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 14px 14px; +} + +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 14px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +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: 15px; +} + +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 15px; +} + +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 > 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 > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +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#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 14px 14px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 14px 14px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 15px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 14px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(103, 164, 233, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(103, 164, 233, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar { + border: none; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry { + box-shadow: inset 0 0 0 2px transparent; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +stack#titlebar_container.titlebar > stack > headerbar entry.suggestion.url_entry:focus { + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); + transition-duration: 300ms; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top tabs > tab:checked { + border-top-color: #ffffff; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:hover, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:active, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked, stack.view.polari-entry-area .raven .raven-header:not(.top) button.popup.toggle.polari-nick-button:checked, .raven .raven-header:not(.top) stack.view.polari-entry-area button.popup.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0860f2; + border-color: #0860f2; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #0860f2; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +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: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +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 { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar > toolitem .raven .raven-header:not(.top) button.scale, .raven .raven-header:not(.top) window.background > box.vertical > toolbar.primary-toolbar > toolitem button.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +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) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), .raven .raven-header:not(.top) window.background > headerbar.titlebar > button.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view border { + border: none; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 14px; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 14px 14px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 14px 14px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 14px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +box.vertical > box.vertical > box.vertical > paned.horizontal { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + border-bottom-left-radius: 14px; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 14px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 14px 14px; + 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 14px 14px; +} + +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 > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 14px 14px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 14px 14px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 14px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 14px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0860f2; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: rgba(216, 216, 216, 0.85); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(254, 254, 254, 0.85); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #669efa; + background-color: #0860f2; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #0860f2; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel .raven .raven-header:not(.top) button, .raven .raven-header:not(.top) .xfce4-panel button, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 0; + border: none; + background-color: transparent; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #242424; + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #242424; + box-shadow: inset 0 -2px #0860f2; + background-color: rgba(36, 36, 36, 0.12); + background-image: none; +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + background-color: rgba(36, 36, 36, 0.18); + color: #242424; + background-image: none; + box-shadow: inset 0 -2px #0860f2; +} + +.xfce4-panel.panel { + background-color: rgba(241, 241, 241, 0.85); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(241, 241, 241, 0.85); + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #0860f2; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #0860f2; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #0860f2; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 14px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:hover, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled label, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:active, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar .raven .raven-header:not(.top) button:disabled:checked, +.raven .raven-header:not(.top) window.thunar toolbar#location-toolbar button:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle), window.thunar .raven .raven-header:not(.top) toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle), .raven .raven-header:not(.top) window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +/********* + * Geary * + *********/ +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd 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-color: #ffffff; + border-bottom-right-radius: 14px; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 14px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border-image: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(8, 96, 242, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(8, 96, 242, 0.15); + box-shadow: inset 2px 0 #0860f2; + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #6887cd; + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget.background { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #242424; +} + +#MozillaGtkWidget.background > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 0; +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, .raven .raven-header:not(.top) window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl), .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active, .raven .raven-header:not(.top) widget > box.terminal-titlebar > button.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 14px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, .raven .raven-header:not(.top) button.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +.raven .raven-header:not(.top) button.toggle:hover, +button.flat.-panel-icon-button:hover, +.raven .raven-header:not(.top) button.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); + background: none; +} + +button.flat.-panel-button:active, .raven .raven-header:not(.top) button.-panel-button:active, button.flat.-panel-button:checked, .raven .raven-header:not(.top) button.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +.raven .raven-header:not(.top) button.toggle:active, +button#tasklist-button.toggle.flat:checked, +.raven .raven-header:not(.top) button.toggle:checked, +button.flat.-panel-icon-button:active, +.raven .raven-header:not(.top) button.-panel-icon-button:active, +button.flat.-panel-icon-button:checked, +.raven .raven-header:not(.top) button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:hover, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:active, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked, .unpinned .raven .raven-header:not(.top) button.-panel-icon-button:checked, .raven .raven-header:not(.top) .unpinned button.-panel-icon-button:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running > image, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:hover, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:active, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked, .pinned .raven .raven-header:not(.top) button.-panel-icon-button.running:checked, .raven .raven-header:not(.top) .pinned button.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #0860f2; + color: #292929; +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.95) 0%, rgba(245, 245, 245, 0.95) 100%); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.85); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.75); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: rgba(241, 241, 241, 0.85); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, .raven .raven-header:not(.top) button.toggle.switcher:hover image, button.flat.toggle.switcher:active image, .raven .raven-header:not(.top) button.toggle.switcher:active image, button.flat.toggle.switcher:checked image, .raven .raven-header:not(.top) button.toggle.switcher:checked image, button.flat.toggle.switcher:selected image, .raven .raven-header:not(.top) button.toggle.switcher:selected image { + color: #0860f2; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #0860f2; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #0860f2; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: none; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 14px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 14px; +} + +.dynamic-notebook notebook > stack { + border-bottom-right-radius: 14px; + background-color: #ffffff; +} + +.dynamic-notebook notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook notebook > stack treeview.view:hover, +.dynamic-notebook notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook notebook > stack treeview.view:selected, +.dynamic-notebook notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 16px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle { + margin-top: 5px; + margin-bottom: 5px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:not(:checked):not(:active), .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:hover, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:active, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:checked, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:disabled, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:disabled, label:disabled headerbar.titlebar > selection.toggle { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:backdrop, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle + button.flat.image-button.toggle, .raven .raven-header:not(.top) headerbar.titlebar > button.image-button.toggle + button.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 14px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0860f2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 14px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 14px 14px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #0860f2, #0860f2); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0860f2; + border-color: #0860f2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #0860f2; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0860f2; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #0860f2; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(241, 241, 241, 0.85); + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px rgba(223, 223, 223, 0.85); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #0860f2; + background-color: #0860f2; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + + +filechooser.csd.background, +filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + + +filechooser.csd.background, +filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: transparent; +} + + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border: none; + background-color: transparent; + max-width: 180px; + min-width: 180px; + width: 180px; +} + + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, +filechooser placessidebar.sidebar row.sidebar-row:disabled, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row, +filechooser placessidebar.sidebar row.sidebar-row:disabled label, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row label, +filechooser placessidebar.sidebar row.sidebar-row:disabled image, +filechooser placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled filechooser placessidebar.sidebar selection.sidebar-row image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, +label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + + +filechooser placessidebar.sidebar row.sidebar-row:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover.png"), url("assets/sidebar-view-hover@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row:active, +filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active.png"), url("assets/sidebar-view-active@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 180px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked.png"), url("assets/sidebar-view-checked@2.png")); +} + + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected, +filechooser placessidebar.sidebar row.sidebar-row:selected label, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover, +filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0860f2; +} + + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + + +filechooser.maximized headerbar, +filechooser.maximized placessidebar, +.nautilus-window.maximized headerbar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + + +filechooser placesview actionbar.background, +.nautilus-window placesview actionbar.background { + border-radius: 0 0 14px 0; +} + +filechooser actionbar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); + border-color: rgba(0, 0, 0, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #363636; +} + +filechooser box#pathbarbox.view stack entry.search, filechooser box#pathbarbox.view stack entry.search:focus { + background-color: rgba(0, 0, 0, 0.05); +} + +filechooser box#pathbarbox.view stack entry.search:disabled, filechooser box#pathbarbox.view stack label:disabled selection.search, label:disabled filechooser box#pathbarbox.view stack selection.search { + background-color: rgba(0, 0, 0, 0.55); +} + +filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +filechooser actionbar button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +filechooser actionbar button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: white; + background-color: #0860f2; + border-color: #0860f2; + box-shadow: none; +} + +filechooser actionbar entry { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); +} + +filechooser actionbar entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(103, 164, 233, 0.75); +} + + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + + +filechooser placessidebar.sidebar scrollbar slider:hover, +.nautilus-window placessidebar.sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: dimgray; +} + + +filechooser placessidebar.sidebar scrollbar slider:hover:active, +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #686868; +} + + +filechooser placessidebar.sidebar scrollbar slider:disabled, +.nautilus-window placessidebar.sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 10px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 10px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:hover:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:checked:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:active:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button) label, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:disabled:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:checked, .raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; +} + +.raven .raven-header:not(.top) button:disabled label, .raven button:disabled label, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven .raven-header:not(.top) button, .raven stackswitcher.linked > button.flat, .raven button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.raven button.flat:hover, .raven .raven-header:not(.top) button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven button.flat:checked, .raven .raven-header:not(.top) button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven button.flat:active, .raven .raven-header:not(.top) button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + background-color: transparent; +} + +.raven button.flat:disabled label, .raven .raven-header:not(.top) button:disabled label, label:disabled selection.flat label, .raven button.flat:disabled, .raven .raven-header:not(.top) button:disabled, label:disabled selection.flat { + color: rgba(36, 36, 36, 0.45); +} + +.raven .raven-header:not(.top) button.linked, .raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #0860f2; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 14px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 14px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 2px; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button), .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .raven .raven-header:not(.top) button:not(.image-button):disabled, .raven .raven-header:not(.top) .budgie-popover:not(.budgie-menu) button:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.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 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.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-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #1c6ff7; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(8, 96, 242, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(241, 241, 241, 0.85); + color: #363636; + font-weight: 500; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.65); + box-shadow: none; +} + +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-image: linear-gradient(0deg, #e2e2e2 0%, #f5f5f5 100%); +} + +.top .budgie-panel.transparent { + background-color: transparent; + background-image: linear-gradient(0deg, rgba(226, 226, 226, 0.85) 0%, rgba(245, 245, 245, 0.85) 100%); +} + +.bottom .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 1px 0 1px; + border-radius: 14px 14px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 1px 0 0 0; +} + +.left .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 1px 1px 0; + border-radius: 0 14px 14px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 1px 0 0; +} + +.right .budgie-panel { + border: solid rgba(0, 0, 0, 0.2); + border-width: 1px 0 1px 1px; + border-radius: 14px 0 0 14px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 0 0 1px; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem > window.background.popup > decoration, +.budgie-panel menubar > menuitem > window.background.popup > menu, +.budgie-panel .menubar > menuitem > window.background.popup > decoration, +.budgie-panel .menubar > menuitem > window.background.popup > menu { + border-radius: 0 0 14px 14px; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0860f2; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher, .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel button.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked), .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked), .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):hover, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):active, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel .raven .raven-header:not(.top) button.launcher:not(:checked):disabled, .raven .raven-header:not(.top) .budgie-panel button.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active, .budgie-panel .raven .raven-header:not(.top) button.launcher:active, .raven .raven-header:not(.top) .budgie-panel button.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked, .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel button.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .top .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .top .budgie-panel button.launcher, .budgie-panel .top button.flat.launcher, .budgie-panel .top .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .top button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .top .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .top .budgie-panel button.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .budgie-panel .top .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .top button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #6887cd 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher, .budgie-panel .bottom button.flat.launcher, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .bottom .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .bottom .budgie-panel button.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .budgie-panel .bottom .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .bottom button.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #6887cd 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .left .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .left .budgie-panel button.launcher, .budgie-panel .left button.flat.launcher, .budgie-panel .left .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .left button.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .left .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .left .budgie-panel button.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .budgie-panel .left .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .left button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #6887cd 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .right .budgie-panel .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .right .budgie-panel button.launcher, .budgie-panel .right button.flat.launcher, .budgie-panel .right .raven .raven-header:not(.top) button.launcher, .raven .raven-header:not(.top) .budgie-panel .right button.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .right .budgie-panel .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .right .budgie-panel button.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .budgie-panel .right .raven .raven-header:not(.top) button.launcher:checked, .raven .raven-header:not(.top) .budgie-panel .right button.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #6887cd 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher, +.raven .raven-header:not(.top) button.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image, +.raven .raven-header:not(.top) button.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover, +.raven .raven-header:not(.top) button.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image, +.raven .raven-header:not(.top) button.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image, +.raven .raven-header:not(.top) button.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover, +.raven .raven-header:not(.top) button.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image, +.raven .raven-header:not(.top) button.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.unpinned .raven .raven-header:not(.top) button.launcher:hover, +.raven .raven-header:not(.top) .unpinned button.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned .raven .raven-header:not(.top) button.launcher.running:hover, +.raven .raven-header:not(.top) .pinned button.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.unpinned .raven .raven-header:not(.top) button.launcher > image, +.raven .raven-header:not(.top) .unpinned button.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .pinned button.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.unpinned .raven .raven-header:not(.top) button.launcher:checked > image, +.raven .raven-header:not(.top) .unpinned button.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .pinned button.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#0860f2); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, .top .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .top .budgie-panel .unpinned button.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .top .budgie-panel .pinned button.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#0860f2); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, .bottom .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .bottom .budgie-panel .unpinned button.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .bottom .budgie-panel .pinned button.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#0860f2); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, .left .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .left .budgie-panel .unpinned button.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .left .budgie-panel .pinned button.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#0860f2); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, .right .budgie-panel .unpinned .raven .raven-header:not(.top) button.launcher:checked > image, .raven .raven-header:not(.top) .right .budgie-panel .unpinned button.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned .raven .raven-header:not(.top) button.launcher.running:checked > image, +.raven .raven-header:not(.top) .right .budgie-panel .pinned button.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, .raven .raven-header:not(.top) box:not(.unpinned):not(.pinned) > revealer > button.launcher { + border-image: none; +} + +.left frame.raven-frame > border { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +.right frame.raven-frame > border { + border: none; + border-left: 1px solid rgba(0, 0, 0, 0.2); +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.23) 10%, rgba(0, 0, 0, 0.08) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top stackswitcher { + padding: 6px 0 0 0; + margin: 0; +} + +.raven .raven-header.top stackswitcher button { + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #0860f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0860f2; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(8, 96, 242, 0.65); +} + +.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(36, 36, 36, 0.06); + color: #242424; +} + +.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: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0860f2; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 14px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 14px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 14px; + -gtk-outline-radius: 14px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 14px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 14px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 14px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 14px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 4px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + border-bottom-left-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + border-bottom-right-radius: 14px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.08); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.08); + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #0860f2; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #0860f2; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #0860f2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #0860f2; +@define-color budgie_tasklist_indicator_color_active #0860f2; +@define-color budgie_tasklist_indicator_color_active_window rgba(98, 152, 242, 0.931); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@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; diff --git a/src/main/gtk-3.0/gtk-light.scss b/src/main/gtk-3.0/gtk-light.scss new file mode 100644 index 0000000..2b586c8 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light.scss @@ -0,0 +1,15 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/transparent_widgets'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk.gresource.xml b/src/main/gtk-3.0/gtk.gresource.xml new file mode 100644 index 0000000..e196d39 --- /dev/null +++ b/src/main/gtk-3.0/gtk.gresource.xml @@ -0,0 +1,243 @@ + + + + assets/checkbox-checked.png + assets/checkbox-checked@2.png + assets/checkbox-checked-insensitive.png + assets/checkbox-checked-insensitive@2.png + assets/checkbox-unchecked.png + assets/checkbox-unchecked@2.png + assets/checkbox-unchecked-insensitive.png + assets/checkbox-unchecked-insensitive@2.png + assets/checkbox-mixed.png + assets/checkbox-mixed@2.png + assets/checkbox-mixed-insensitive.png + assets/checkbox-mixed-insensitive@2.png + assets/radio-checked.png + assets/radio-checked@2.png + assets/radio-checked-insensitive.png + assets/radio-checked-insensitive@2.png + assets/radio-unchecked.png + assets/radio-unchecked@2.png + assets/radio-unchecked-insensitive.png + assets/radio-unchecked-insensitive@2.png + assets/radio-mixed.png + assets/radio-mixed@2.png + assets/radio-mixed-insensitive.png + assets/radio-mixed-insensitive@2.png + assets/checkbox-checked-selected.png + assets/checkbox-checked-selected@2.png + assets/checkbox-checked-insensitive-selected.png + assets/checkbox-checked-insensitive-selected@2.png + assets/checkbox-unchecked-selected.png + assets/checkbox-unchecked-selected@2.png + assets/checkbox-unchecked-insensitive-selected.png + assets/checkbox-unchecked-insensitive-selected@2.png + assets/checkbox-mixed-selected.png + assets/checkbox-mixed-selected@2.png + assets/checkbox-mixed-insensitive-selected.png + assets/checkbox-mixed-insensitive-selected@2.png + assets/checkbox-checked-selectionmode.png + assets/checkbox-checked-selectionmode@2.png + assets/checkbox-selectionmode.png + assets/checkbox-selectionmode@2.png + assets/radio-checked-selected.png + assets/radio-checked-selected@2.png + assets/radio-checked-insensitive-selected.png + assets/radio-checked-insensitive-selected@2.png + assets/radio-unchecked-selected.png + assets/radio-unchecked-selected@2.png + assets/radio-unchecked-insensitive-selected.png + assets/radio-unchecked-insensitive-selected@2.png + assets/radio-mixed-selected.png + assets/radio-mixed-selected@2.png + assets/radio-mixed-insensitive-selected.png + assets/radio-mixed-insensitive-selected@2.png + assets/switch.png + assets/switch@2.png + assets/switch-hover.png + assets/switch-hover@2.png + assets/switch-active.png + assets/switch-active@2.png + assets/switch-active-hover.png + assets/switch-active-hover@2.png + assets/switch-insensitive.png + assets/switch-insensitive@2.png + assets/switch-active-insensitive.png + assets/switch-active-insensitive@2.png + assets/slider-horz-scale-has-marks-below.png + assets/slider-horz-scale-has-marks-below@2.png + assets/slider-horz-scale-has-marks-below-hover.png + assets/slider-horz-scale-has-marks-below-hover@2.png + assets/slider-horz-scale-has-marks-below-active.png + assets/slider-horz-scale-has-marks-below-active@2.png + assets/slider-horz-scale-has-marks-below-insensitive.png + assets/slider-horz-scale-has-marks-below-insensitive@2.png + assets/slider-vert-scale-has-marks-below.png + assets/slider-vert-scale-has-marks-below@2.png + assets/slider-vert-scale-has-marks-below-hover.png + assets/slider-vert-scale-has-marks-below-hover@2.png + assets/slider-vert-scale-has-marks-below-active.png + assets/slider-vert-scale-has-marks-below-active@2.png + assets/slider-vert-scale-has-marks-below-insensitive.png + assets/slider-vert-scale-has-marks-below-insensitive@2.png + assets/slider-horz-scale-has-marks-above.png + assets/slider-horz-scale-has-marks-above@2.png + assets/slider-horz-scale-has-marks-above-hover.png + assets/slider-horz-scale-has-marks-above-hover@2.png + assets/slider-horz-scale-has-marks-above-active.png + assets/slider-horz-scale-has-marks-above-active@2.png + assets/slider-horz-scale-has-marks-above-insensitive.png + assets/slider-horz-scale-has-marks-above-insensitive@2.png + assets/slider-vert-scale-has-marks-above.png + assets/slider-vert-scale-has-marks-above@2.png + assets/slider-vert-scale-has-marks-above-hover.png + assets/slider-vert-scale-has-marks-above-hover@2.png + assets/slider-vert-scale-has-marks-above-active.png + assets/slider-vert-scale-has-marks-above-active@2.png + assets/slider-vert-scale-has-marks-above-insensitive.png + assets/slider-vert-scale-has-marks-above-insensitive@2.png + assets/checkbox-checked-dark.png + assets/checkbox-checked-dark@2.png + assets/checkbox-checked-insensitive-dark.png + assets/checkbox-checked-insensitive-dark@2.png + assets/checkbox-unchecked-dark.png + assets/checkbox-unchecked-dark@2.png + assets/checkbox-unchecked-insensitive-dark.png + assets/checkbox-unchecked-insensitive-dark@2.png + assets/checkbox-mixed-dark.png + assets/checkbox-mixed-dark@2.png + assets/checkbox-mixed-insensitive-dark.png + assets/checkbox-mixed-insensitive-dark@2.png + assets/checkbox-checked-selectionmode-dark.png + assets/checkbox-checked-selectionmode-dark@2.png + assets/checkbox-selectionmode-dark.png + assets/checkbox-selectionmode-dark@2.png + assets/radio-checked-dark.png + assets/radio-checked-dark@2.png + assets/radio-checked-insensitive-dark.png + assets/radio-checked-insensitive-dark@2.png + assets/radio-unchecked-dark.png + assets/radio-unchecked-dark@2.png + assets/radio-unchecked-insensitive-dark.png + assets/radio-unchecked-insensitive-dark@2.png + assets/radio-mixed-dark.png + assets/radio-mixed-dark@2.png + assets/radio-mixed-insensitive-dark.png + assets/radio-mixed-insensitive-dark@2.png + assets/setting.png + assets/setting@2.png + assets/setting-dark.png + assets/setting-dark@2.png + assets/setting-icon.png + assets/setting-icon@2.png + assets/setting-icon-dark.png + assets/setting-icon-dark@2.png + assets/combobox-arrow.png + assets/combobox-arrow@2.png + assets/combobox-arrow-dark.png + assets/combobox-arrow-dark@2.png + assets/toggle-on.png + assets/toggle-on@2.png + assets/toggle-off.png + assets/toggle-off@2.png + assets/toggle-on-disabled.png + assets/toggle-on-disabled@2.png + assets/toggle-off-disabled.png + assets/toggle-off-disabled@2.png + assets/sidebar-view-hover.png + assets/sidebar-view-hover@2.png + assets/sidebar-view-active.png + assets/sidebar-view-active@2.png + assets/sidebar-view-checked.png + assets/sidebar-view-checked@2.png + assets/sidebar-view-hover-dark.png + assets/sidebar-view-hover-dark@2.png + assets/sidebar-view-active-dark.png + assets/sidebar-view-active-dark@2.png + assets/sidebar-view-checked-dark.png + assets/sidebar-view-checked-dark@2.png + windows-assets/titlebutton-close.png + windows-assets/titlebutton-close@2.png + windows-assets/titlebutton-close-dark.png + windows-assets/titlebutton-close-dark@2.png + windows-assets/titlebutton-close-backdrop.png + windows-assets/titlebutton-close-backdrop@2.png + windows-assets/titlebutton-close-backdrop-dark.png + windows-assets/titlebutton-close-backdrop-dark@2.png + windows-assets/titlebutton-close-backdrop-hover.png + windows-assets/titlebutton-close-backdrop-hover@2.png + windows-assets/titlebutton-close-backdrop-hover-dark.png + windows-assets/titlebutton-close-backdrop-hover-dark@2.png + windows-assets/titlebutton-close-hover.png + windows-assets/titlebutton-close-hover@2.png + windows-assets/titlebutton-close-hover-dark.png + windows-assets/titlebutton-close-hover-dark@2.png + windows-assets/titlebutton-close-active.png + windows-assets/titlebutton-close-active@2.png + windows-assets/titlebutton-close-active-dark.png + windows-assets/titlebutton-close-active-dark@2.png + windows-assets/titlebutton-maximize.png + windows-assets/titlebutton-maximize@2.png + windows-assets/titlebutton-maximize-dark.png + windows-assets/titlebutton-maximize-dark@2.png + windows-assets/titlebutton-maximize-backdrop.png + windows-assets/titlebutton-maximize-backdrop@2.png + windows-assets/titlebutton-maximize-backdrop-dark.png + windows-assets/titlebutton-maximize-backdrop-dark@2.png + windows-assets/titlebutton-maximize-backdrop-hover.png + windows-assets/titlebutton-maximize-backdrop-hover@2.png + windows-assets/titlebutton-maximize-backdrop-hover-dark.png + windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png + windows-assets/titlebutton-maximize-hover.png + windows-assets/titlebutton-maximize-hover@2.png + windows-assets/titlebutton-maximize-hover-dark.png + windows-assets/titlebutton-maximize-hover-dark@2.png + windows-assets/titlebutton-maximize-active.png + windows-assets/titlebutton-maximize-active@2.png + windows-assets/titlebutton-maximize-active-dark.png + windows-assets/titlebutton-maximize-active-dark@2.png + windows-assets/titlebutton-minimize.png + windows-assets/titlebutton-minimize@2.png + windows-assets/titlebutton-minimize-dark.png + windows-assets/titlebutton-minimize-dark@2.png + windows-assets/titlebutton-minimize-backdrop.png + windows-assets/titlebutton-minimize-backdrop@2.png + windows-assets/titlebutton-minimize-backdrop-dark.png + windows-assets/titlebutton-minimize-backdrop-dark@2.png + windows-assets/titlebutton-minimize-backdrop-hover.png + windows-assets/titlebutton-minimize-backdrop-hover@2.png + windows-assets/titlebutton-minimize-backdrop-hover-dark.png + windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png + windows-assets/titlebutton-minimize-hover.png + windows-assets/titlebutton-minimize-hover@2.png + windows-assets/titlebutton-minimize-hover-dark.png + windows-assets/titlebutton-minimize-hover-dark@2.png + windows-assets/titlebutton-minimize-active.png + windows-assets/titlebutton-minimize-active@2.png + windows-assets/titlebutton-minimize-active-dark.png + windows-assets/titlebutton-minimize-active-dark@2.png + windows-assets/titlebutton-restore.png + windows-assets/titlebutton-restore@2.png + windows-assets/titlebutton-restore-dark.png + windows-assets/titlebutton-restore-dark@2.png + windows-assets/titlebutton-restore-backdrop.png + windows-assets/titlebutton-restore-backdrop@2.png + windows-assets/titlebutton-restore-backdrop-dark.png + windows-assets/titlebutton-restore-backdrop-dark@2.png + windows-assets/titlebutton-restore-backdrop-hover.png + windows-assets/titlebutton-restore-backdrop-hover@2.png + windows-assets/titlebutton-restore-backdrop-hover-dark.png + windows-assets/titlebutton-restore-backdrop-hover-dark@2.png + windows-assets/titlebutton-restore-hover.png + windows-assets/titlebutton-restore-hover@2.png + windows-assets/titlebutton-restore-hover-dark.png + windows-assets/titlebutton-restore-hover-dark@2.png + windows-assets/titlebutton-restore-active.png + windows-assets/titlebutton-restore-active@2.png + windows-assets/titlebutton-restore-active-dark.png + windows-assets/titlebutton-restore-active-dark@2.png + gtk.css + gtk-dark.css + + diff --git a/src/main/gtk-3.0/make_gresource_xml.sh b/src/main/gtk-3.0/make_gresource_xml.sh new file mode 100755 index 0000000..c69322a --- /dev/null +++ b/src/main/gtk-3.0/make_gresource_xml.sh @@ -0,0 +1,34 @@ +#! /bin/bash + +INDEX="../../assets/gtk-3.0/common-assets/assets.txt" +WINDEX="../../assets/gtk-3.0/windows-assets/assets.txt" + +if [ -f gtk.gresource.xml ]; then + rm -rf gtk.gresource.xml +fi + +echo '' >> gtk.gresource.xml +echo "" >> gtk.gresource.xml +echo ' ' >> gtk.gresource.xml + +for i in `cat $INDEX` +do + echo " assets/$i.png" >> gtk.gresource.xml + echo " assets/$i@2.png" >> gtk.gresource.xml +done + +for i in `cat $WINDEX` +do + echo " windows-assets/$i.png" >> gtk.gresource.xml + echo " windows-assets/$i@2.png" >> gtk.gresource.xml + echo " windows-assets/$i-dark.png" >> gtk.gresource.xml + echo " windows-assets/$i-dark@2.png" >> gtk.gresource.xml +done + +echo " gtk.css" >> gtk.gresource.xml +echo " gtk-dark.css" >> gtk.gresource.xml + +echo " " >> gtk.gresource.xml +echo "" >> gtk.gresource.xml + +exit 0 diff --git a/src/main/metacity-1/metacity-theme-3.xml b/src/main/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..35ea2c9 --- /dev/null +++ b/src/main/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1197 @@ + + + + Sierra + Vince Liuice + GPL-3.0+ + 2018.01.12 + Sierra Metacity Theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2)) + 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))) + 2" + y="(0 `max` ((height - title_height) / 2)) + 1" + ellipsize_width="width" + color="C_title_focused_shadow" /> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" + 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)) + 2" + y="(0 `max` ((height - title_height) / 2)) + 1" + color="C_title_unfocused_shadow" /> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2)) + 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))) + 2" + y="(0 `max` ((height - title_height) / 2)) + 1" + ellipsize_width="width" + color="C_title_unfocused_shadow" /> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" + 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_gradient_b" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <gradient type="vertical" x="0" y="0" width="width" height="title_height"> + <color value="C_titlebar_gradient_a" /> + <color value="C_titlebar_gradient_b" /> + </gradient> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <gradient type="vertical" x="0" y="0" width="width" height="title_height"> + <color value="C_titlebar_gradient_a" /> + <color value="C_titlebar_gradient_b" /> + </gradient> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="4" y1="0" x2="width-5" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="4" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="4" x2="width-1" y2="height-2" /> + <line color="C_highlight" x1="5" y1="1" x2="width - 5" y2="1"/> + <arc color="C_border_focused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> + <arc color="C_highlight" x="1" y="1" width="8" height="8" start_angle="270" extent_angle="90" /> + <arc color="C_highlight" x="width-11" y="1" width="8" height="8" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="4" y1="0" x2="width-5" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="4" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="4" x2="width-1" y2="height-2" /> + <line color="C_highlight" x1="5" y1="1" x2="width - 5" y2="1"/> + <arc color="C_border_unfocused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> + <arc color="C_highlight" x="1" y="1" width="8" height="8" start_angle="270" extent_angle="90" /> + <arc color="C_highlight" x="width-11" y="1" width="8" height="8" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="dialog_fill_background"> + <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="dialog_background"> + <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- ::: BUTTON ICONS ::: --> +<!-- note: negative values in x or y causes gnome-shell to crash --> +<!-- close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_focused_prelight" /> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_focused_pressed" /> +</draw_ops> + +<!-- maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_focused_pressed" /> +</draw_ops> + +<!-- unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_focused_prelight" /> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_focused_pressed" /> +</draw_ops> + +<!-- minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_focused_prelight" /> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_focused_pressed" /> +</draw_ops> + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<!-- shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_focused_prelight" /> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_focused_pressed" /> +</draw_ops> + +<!-- unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_focused_prelight" /> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_focused_pressed" /> +</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="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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="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"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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></draw_ops></button> + <button function="shade" state="prelight"><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="prelight"><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 name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="dialog_background" /> + <piece position="titlebar" draw_ops="dialog_fill_background" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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="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="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_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="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="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_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="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="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="borderless" geometry="borderless"> + <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="prelight"><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="prelight"><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 name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_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="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="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_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="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> + +<!-- 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="prelight"><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="prelight"><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_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_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" /> + <frame focus="no" state="maximized" style="borderless" /> + <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/src/main/metacity-1/metacity-theme-dark.xml b/src/main/metacity-1/metacity-theme-dark.xml new file mode 100644 index 0000000..6d7d289 --- /dev/null +++ b/src/main/metacity-1/metacity-theme-dark.xml @@ -0,0 +1,1143 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Sierra</name> + <author>Vince Liuice</author> + <copyright>GPL-3.0+</copyright> + <date>2018.01.12</date> + <description>Sierra Metacity Theme</description> +</info> + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#373737" /> +<constant name="C_titlebar_unfocused" value="#373737" /> +<constant name="C_border_focused" value="#373737" /> +<constant name="C_border_unfocused" value="#373737" /> +<constant name="C_title_focused" value="#f5f5f5" /> +<constant name="C_title_unfocused" value="#dedede" /> + +<constant name="C_wm_button_background" value="#dedede" /> +<constant name="C_wm_button_foreground" value="#dedede" /> +<constant name="C_wm_button_unfocused" value="#888888" /> + +<constant name="C_close_button" value="#f5685d" /> +<constant name="C_maximize_button" value="#a1ce6d" /> +<constant name="C_restore_button" value="#feee61" /> +<constant name="C_minimize_button" value="#feee61" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<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="8" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 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)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</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="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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="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"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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></draw_ops></button> + <button function="shade" state="prelight"><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="prelight"><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 name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_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="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="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_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="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="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_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="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="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_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="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="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="borderless" geometry="borderless"> + <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="prelight"><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="prelight"><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 name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_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="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="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_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="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> + +<!-- 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="prelight"><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="prelight"><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_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_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" /> + <frame focus="no" state="maximized" style="borderless" /> + <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/src/main/metacity-1/metacity-theme-light.xml b/src/main/metacity-1/metacity-theme-light.xml new file mode 100644 index 0000000..01eb101 --- /dev/null +++ b/src/main/metacity-1/metacity-theme-light.xml @@ -0,0 +1,1143 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Sierra</name> + <author>Vince Liuice</author> + <copyright>GPL-3.0+</copyright> + <date>2018.01.12</date> + <description>Sierra Metacity Theme</description> +</info> + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#939393" /> +<constant name="C_titlebar_unfocused" value="#939393" /> +<constant name="C_border_focused" value="#939393" /> +<constant name="C_border_unfocused" value="#939393" /> +<constant name="C_title_focused" value="#333333" /> +<constant name="C_title_unfocused" value="#555555" /> + +<constant name="C_wm_button_background" value="#333333" /> +<constant name="C_wm_button_foreground" value="#333333" /> +<constant name="C_wm_button_unfocused" value="#888888" /> + +<constant name="C_close_button" value="#f5685d" /> +<constant name="C_maximize_button" value="#a1ce6d" /> +<constant name="C_restore_button" value="#feee61" /> +<constant name="C_minimize_button" value="#feee61" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<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="8" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 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)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</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="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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="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"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <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="unmaximize_focused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <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="unmaximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="unmaximize_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="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="dialog_focused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_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="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="dialog_unfocused" geometry="nobuttons"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_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></draw_ops></button> + <button function="shade" state="prelight"><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="prelight"><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 name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_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="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="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_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="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="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_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="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="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_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="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="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="borderless" geometry="borderless"> + <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="prelight"><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="prelight"><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 name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <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="prelight"><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="prelight"><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 name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <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="prelight"><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="prelight"><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 name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_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="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="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_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="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="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_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="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> + +<!-- 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="prelight"><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="prelight"><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_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_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" /> + <frame focus="no" state="maximized" style="borderless" /> + <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/src/main/xfwm4/themerc-dark b/src/main/xfwm4/themerc-dark new file mode 100644 index 0000000..52375c0 --- /dev/null +++ b/src/main/xfwm4/themerc-dark @@ -0,0 +1,23 @@ +button_offset=4 +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/src/main/xfwm4/themerc-light b/src/main/xfwm4/themerc-light new file mode 100644 index 0000000..a67fdbd --- /dev/null +++ b/src/main/xfwm4/themerc-light @@ -0,0 +1,23 @@ +button_offset=4 +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/src/other/plank/theme-dark/dock.theme b/src/other/plank/theme-dark/dock.theme new file mode 100644 index 0000000..773fdb2 --- /dev/null +++ b/src/other/plank/theme-dark/dock.theme @@ -0,0 +1,59 @@ +#This theme written by Vince Liuice. + +[PlankDrawingTheme] +#The roundness of the top corners. +TopRoundness=16 +#The roundness of the bottom corners. +BottomRoundness=16 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;95 +#The starting color (RGBA) of the fill gradient. +FillStartColor=15;;15;;15;;50 +#The ending color (RGBA) of the fill gradient. +FillEndColor=15;;15;;15;;75 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=75;;75;;75;;50 + +[PlankDrawingDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=0 +#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=2 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=4 +#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=2 +#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=300 +#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=300 +#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=150 +#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 diff --git a/src/other/plank/theme-dark/hover.theme b/src/other/plank/theme-dark/hover.theme new file mode 100644 index 0000000..be7ad12 --- /dev/null +++ b/src/other/plank/theme-dark/hover.theme @@ -0,0 +1,17 @@ +#This file written by Daniel Fore to match eGTK tooltips. + +[PlankDrawingTheme] +#The roundness of the top corners. +TopRoundness=6 +#The roundness of the bottom corners. +BottomRoundness=6 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=41;;41;;41;;255 +#The starting color (RGBA) of the fill gradient. +FillStartColor=0;;0;;0;;217 +#The ending color (RGBA) of the fill gradient. +FillEndColor=0;;0;;0;;217 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=255;;255;;255;;255 diff --git a/src/other/plank/theme-light/dock.theme b/src/other/plank/theme-light/dock.theme new file mode 100644 index 0000000..4973828 --- /dev/null +++ b/src/other/plank/theme-light/dock.theme @@ -0,0 +1,63 @@ +#This theme written by Vince Liuice. + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=16 +#The roundness of the bottom corners. +BottomRoundness=16 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;95 +#The starting color (RGBA) of the fill gradient. +FillStartColor=235;;235;;235;;50 +#The ending color (RGBA) of the fill gradient. +FillEndColor=235;;235;;235;;75 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=255;;255;;255;;245 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=0 +#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=2 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=4 +#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=2 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=1 +#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=300 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=0 +#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=300 +#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=200 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=0 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=0 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=0 +#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=200 +#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/src/sass/_colors.scss b/src/sass/_colors.scss new file mode 100644 index 0000000..0941cd4 --- /dev/null +++ b/src/sass/_colors.scss @@ -0,0 +1,188 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +// Base colors +$base_color: if($variant == 'light', #ffffff, #242424); +$text_color: if($variant == 'light', #363636, #dadada); +$bg_color: if($variant == 'light', #f5f5f5, #333333); +$fg_color: if($variant == 'light', #242424, #dedede); +$alt_fg_color: if($variant == 'light', #424242, #afafaf); +$hint_fg_color: if($variant == 'light', #565656, #999999); + +$track_color: if($variant == 'light', rgba(black, 0.20), rgba(white, 0.10)); +$visit_color: if($variant == 'light', rgba(black, 0.16), rgba(white, 0.08)); +$divider_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.06)); + +$light_fg_color: white; +$light_alt_fg_color: rgba(white, 0.85); +$light_hint_fg_color: rgba(white, 0.50); +$light_disabled_fg_color: rgba(white, 0.45); +$light_alt_disabled_fg_color: rgba(white, 0.35); +$light_track_color: rgba(white, 0.30); +$light_divider_color: rgba(white, 0.15); + +$selected_fg_color: $light_fg_color; +$selected_bg_color: if($variant == 'light', #0860f2, #0860f2); +$primary_color: $selected_bg_color; + +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); +$light_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.10)); +$dark_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(black, 0.15)); +$solid_borders_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 8%)); +$dark_solid_borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 5%)); +$highlight_color: if($variant == 'light', rgba(white, 0.65), rgba(white, 0.15)); + +// Background colors +$dark_bg_color: rgba(black, 0.6); +$alt_dark_bg_color: rgba(black, 0.3); +$solid_bg_color: if($variant == 'light', #FAFAFA, #555555); // for gnome-shell keyboard +$alt_solid_bg_color: if($variant == 'light', #E0E0E0, #242424); // for gnome-shell keyboard + +// Link colors +$link_color: #3484e2; +$link_visited_color: if($variant == 'light', lighten($text_color, 10%), darken($text_color, 15%)); + +// Theme colors +$selection_mode_bg: #6887cd; +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #30D158; +$destructive_color: #f8464c; +$suggested_color: #3484e2; + +$progress_color: $selected_bg_color; +$drop_target_color: #F08437; + +//insensitive state derived colors +$disabled_fg_color: if($variant == 'light', transparentize($fg_color, 0.55), transparentize($fg_color, 0.65)); +$alt_disabled_fg_color: if($variant == 'light', transparentize($alt_fg_color, 0.55), transparentize($alt_fg_color, 0.65)); +$disabled_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + +// Headerbar colors +$header_bg: if($variant == 'light', #ffffff, #373737); +$header_highlight: if($variant == 'dark', #434343, #f5f5f5); + +$header_bg_backdrop: if($variant == 'light', darken($header_bg, 0%), darken($header_bg, 0%)); +$header_border: if($variant == 'light', mix(black, $header_bg, 12%), mix(black, $header_bg, 75%)); + +$header_fg: if($variant == 'light', #575757, #FDFDFD); + +// Sidebar colors +$dark_sidebar_bg: white; + +@if $trans=='true' and $variant=='light' { + $dark_sidebar_bg: transparentize(#f0f0f0, 0.06); +} + +@if $trans=='false' and $variant=='light' { + $dark_sidebar_bg: #f0f0f0; +} + +@if $trans=='true' and $variant=='dark' { + $dark_sidebar_bg: transparentize(#333333, 0.05); +} + +@if $trans=='false' and $variant=='dark' { + $dark_sidebar_bg: #333333; +} + +$dark_sidebar_fg: $text_color; +$dark_sidebar_border: if($variant == 'light', darken(opacify($dark_sidebar_bg, 1), 5%), lighten(opacify($dark_sidebar_bg, 1), 5%)); +$sidebar_theme_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); + +//OSD colors +$osd_fg_color: #dadada; +$osd_bg_color: #2a2a2a; +$osd_button_bg: rgba(lighten($osd_bg_color, 22%), 0.96); +$osd_button_border: $dark_borders_color; +$osd_entry_bg: rgba(lighten($osd_bg_color, 22%), 0.96); +$osd_entry_border: $dark_borders_color; +$osd_disabled_bg_color: darken($osd_bg_color, 3%); +$osd_disabled_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: $borders_color; + +// Menu colors +$menu_bg: if($variant == 'light', $base_color, $bg_color); +$menu_bd: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.08)); + +@if $trans == 'true' { + $menu_bg: if($variant == 'light', rgba($base_color, 0.95), rgba($bg_color, 0.95)); +} + +// Panel colors +$panel_bg: if($variant == 'light', #f1f1f1, #2a2a2a); + +@if $trans == 'true' { + $panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.85), rgba(#2a2a2a, 0.85)); +} + +$panel_fg: $text_color; +$panel_top_color: if($variant == 'dark', #333333, #f5f5f5); +$panel_bottom_color: if($variant == 'dark', #2a2a2a, #e2e2e2); +$panel_border_color: if($variant =='light', rgba(black, 0.2), rgba(black, 0.72)); + +// Entry colors +$entry_bg: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); +$entry_border: $borders_color; +$entry_highlight: if($variant == 'light', rgba(#67a4e9, 0.75), rgba($selection_mode_bg, 0.75)); + +// Button colors +$button_bg: if($variant == 'light', white, #656565); +$button_active_top: if($variant == 'light', $selected_bg_color, #3d6be3); +$button_active_bottom: if($variant == 'light', $selected_bg_color, #3861ca); +$button_active_hover_top: if($variant == 'light', $selected_bg_color, #3b65e3); +$button_active_hover_bottom: if($variant == 'light', $selected_bg_color, #365cca); + +$button_border: $borders_color; +$button_active_border: #487afa; + +$header_button_bg: if($variant == 'dark', lighten($header_bg, 15%), white); +$header_button_hover_bg: if($variant == 'dark', lighten($header_bg, 25%), #fafafa); +$header_button_active_bg: if($variant == 'dark', lighten($header_bg, 35%), #888888); +$header_button_checked_bg: if($variant == 'dark', lighten($header_bg, 45%), #686868); + +// Button borders and highlights colors +$button_highlight: if($variant == 'light', white, rgba(white, 0.1)); + +$button_borders: if($variant == 'light', $button_border, $dark_borders_color); +$button_borders_hover: if($variant == 'light', $button_border, $dark_borders_color); +$button_borders_active: if($variant == 'light', $button_active_border, $dark_borders_color); + +$header_button_highlight: if($variant == 'light', white, #767676); +$header_button_hover_highlight: if($variant == 'light', white, #868686); +$header_button_checked_highlight: if($variant == 'light', $borders_color, #cecece); + +// Images +$button_active_image: linear-gradient(0deg, $button_active_bottom 0%, $button_active_top 100%); +$button_active_hover_image: linear-gradient(0deg, $button_active_hover_bottom 0%, $button_active_hover_top 100%); + +// WM colors +$wm_border_light: 0 0 0 2px rgba(black, 0.03), 0 0 0 1px rgba(black, 0.12); +$wm_border_dark: 0 0 0 2px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.75); +$wm_shadow: if($variant=='light', rgba(black, 0.15), rgba(black, 0.35)); +$wm_border: if($variant=='light', $wm_border_light, $wm_border_dark); + +// WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light', #f46067, #cc575d); +$wm_button_close_hover_bg: if($variant == 'light', #f68086, #d7787d); +$wm_button_close_active_bg: if($variant == 'light', #f13039, #be3841); + +$wm_icon_close_bg: if($variant == 'light',#F8F8F9 , #2f343f); + +// Minimize, Maximize +$wm_button_hover_bg: if($variant == 'light', #fdfdfd, #454C5C); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_hover_border: if($variant == 'light', #D1D3DA, #262932); + +$wm_icon_bg: if($variant == 'light', #90949E, #90939B); +$wm_icon_unfocused_bg: if($variant == 'light', #B6B8C0, #666A74); +$wm_icon_hover_bg: if($variant == 'light', #7A7F8B, #C4C7CC); +$wm_icon_active_bg: white; diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss new file mode 100644 index 0000000..95738dc --- /dev/null +++ b/src/sass/_variables.scss @@ -0,0 +1,67 @@ +$asset_suffix: if($variant == 'dark', '-dark', ''); +$con_asset_suffix: if($variant=='dark', '', '-dark'); +$extra_background_clip: if($variant == 'light', padding-box, border-box); + +$panel-corner-radius: 0; + +// font families +$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; +$large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif; + +// font sizes +$root-font-size: if($laptop == 'false', 14px, 13px); +$subheading-size: if($laptop == 'false', 16px, 15px); + +// opacities +$higher_opacity: 0.9; +$middle_opacity: 0.6; +$lower_opacity: 0.3; + +$secondary_opacity: 0.75; +$hint_opacity: 0.6; +$disabled_opacity: 0.5; + +// sizes +$small_size: if($laptop == 'false', 24px, 20px); +$medium_size: if($laptop == 'false', 36px, 32px); +$large_size: if($laptop == 'false', 48px, 44px); +$menuitem_size: if($laptop == 'false', 32px, 28px); +$container_padding: 6px; + +// radiuses +$circular_radius: 9999px; +$bt_radius: 6px; +$bd_radius: 8px; +$wm_radius: 14px; +$mn_radius: 10px; + +// durations +$shorter_duration: 200ms / 2; +$longer_duration: 300ms / 2; +$ripple_duration: 500ms / 2; + +// timing functions +$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1); +$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1); +$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1); +$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1); +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); + +// transition shorthands +$shorter_transition: all $shorter_duration $deceleration_curve; +$longer_transition: all $longer_duration $deceleration_curve; +$shadow_transition: box-shadow $longer_duration $deceleration_curve; +$button_transition: all $shorter_duration $ease-out-quad; +$backdrop_transition: $longer_duration ease-out; + +// Shadow +$shadow_0: 0 1px 2px 0 rgba(black, 0.1), 0 2px 2px 0 rgba(black, 0.05); // Slider hover shadow +$shadow_1: 0 1px 1px 0 rgba(black, 0.12), 0 1px 2px 0 rgba(black, 0.06); // Header-button shadow +$shadow_2: 0 1px 1px 0 rgba(black, 0.1), 0 1px 2px 0 rgba(black, 0.05); // Slider normal shadow +$shadow_3: 0 1px 1px 0 rgba(black, 0.03), 0 1px 2px 0 rgba(black, 0.01); // Normal button shadow +$shadow_4: 0 2px 3px 0 rgba(black, 0.2), 0 3px 5px 0 rgba(black, 0.15); // Switch-slider hover shadow +$shadow_5: 0 1px 2px 0 rgba(black, 0.15), 0 2px 3px 0 rgba(black, 0.1); // Switch-slider normal shadow +$shadow_6: 0 0 8px rgba(black, 0.2), 0 0 4px rgba(black, 0.3); // Switch-slider normal shadow +$text_shadow: 0 -1px rgba(white, 0.04), -1px 0 rgba(black, 0.05), + 1px 0 rgba(black, 0.05), 0 1px rgba(black, 0.3), + 0 2px rgba(black, 0.05); // text and icon shadow diff --git a/src/sass/cinnamon/_common.scss b/src/sass/cinnamon/_common.scss new file mode 100644 index 0000000..fe674e4 --- /dev/null +++ b/src/sass/cinnamon/_common.scss @@ -0,0 +1,2031 @@ +$asset_path: assets; + +// +// Globals +// +$font-size: 9; +$font-family: Futura Bk bt, sans, Sans-Serif; +$_bubble_bg_color: opacify($osd_bg_color,0.25); +$_bubble_fg_color: $osd_fg_color; +$_bubble_borders_color: transparentize($osd_fg_color,0.8); + +stage { + font-family: $font-family; + @include fontsize($font-size); + color: $fg_color; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +%reset_style { + background-color: transparent !important; + background-gradient-direction: none !important; + border: none !important; + border-radius: 0 !important; +} + +// +// Buttons +// +%button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + + @include button(normal); + + &:focus { @include button(focus); border-radius: 5px; } + &:hover { @include button(hover); border-radius: 5px; } + &:hover:focus { @include button(focus-hover); border-radius: 5px; } + &:active, &:active:focus { @include button(active); border-radius: 5px; } + &:insensitive { @include button(insensitive); border-radius: 5px; } +} + +%osd_button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:focus { color: $selected_bg_color; } + &:active { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +// +// Entries +// +%entry { + padding: 7px; + caret-size: 1px; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 5px; + + @include entry(normal); + + &:focus, &:hover { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 4px; + } +} + +%osd_entry { + padding: 7px; + caret-size: 1px; + caret-color: $osd_fg_color; + selection-background-color: $selected_bg_color; + selected-color: $selected_fg_color; + transition-duration: 300ms; + border-radius: 5px; + + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } +} + +// +// Scrollbars +// +StScrollView { + &.vfade { -st-vfade-offset: 0px; } + &.hfade { -st-hfade-offset: 0px; } +} + +StScrollBar { + + padding: 8px; + + StScrollView & { + min-width: 5px; + min-height: 5px; + } + + StBin#trough { + background-color: transparentize($base_color, 0.9); + border-radius: 8px; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 2px; + background-color: mix($fg_color, $bg_color, 40%); + border: 0px solid; + margin: 0px; + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:active { background-color: $selected_bg_color; } + } +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0,0,0,0); + -gradient-end: rgba(0,0,0,0); + -margin-horizontal: 1.5em; + height: 1em; +} + +// +// Slider +// +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: $button_border; //background of the trough + -slider-border-color: transparentize(black, 1); //trough border color + -slider-active-background-color: $selected_bg_color; //active trough fill + -slider-active-border-color: transparentize(black, 1); //active trough border + -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; + + .popup-menu-item:active & { + -slider-background-color: transparentize(black, 0.8); + -slider-active-background-color: $selected_fg_color; + } +} + +// +// Check Boxes +// +.check-box { + + CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; + } + + StLabel { font-weight: normal; } + + StBin { + width: 16px; + height: 16px; + background-image: url("#{$asset_path}/checkbox-unchecked.svg"); + } + + &:focus StBin { background-image: url("#{$asset_path}/checkbox-unchecked-focused.svg"); } + + &:checked StBin { background-image: url("#{$asset_path}/checkbox-checked.svg"); } + + &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox-checked-focused.svg"); } +} + +// +// Radio Buttons +// +.radiobutton { + + CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; + } + + StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; + } + + StBin { + width: 16px; + height: 16px; + background-image: url("#{$asset_path}/checkbox-unchecked.svg"); + } + + &:focus StBin { background-image: url("#{$asset_path}/checkbox-unchecked-focused.svg"); } + + &:checked StBin { background-image: url("#{$asset_path}/checkbox-checked.svg"); } + + &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox-checked-focused.svg"); } +} + +// +// Switches +// +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("#{$asset_path}/toggle-off.svg"); + + &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } + + .popup-menu-item:active & { + background-image: url("#{$asset_path}/toggle-off.svg"); + + &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } + } +} + +// +// Links +// +.cinnamon-link { + color: $link_color; + text-decoration: underline; + + &:hover { color: lighten($link_color,10%); } +} + +// +// Tooltip +// +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: $osd_bg_color; + color: $osd_fg_color; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +// +// Pop0vers/Menus +// + +$menu_bg: if($variant=='light', rgba($base_color, 0.95), rgba($bg_color, 0.95)); +$menu_border: if($variant=='light', darken($menu_bg, 18%), darken($menu_bg, 12%)); + +.menu, +.popup-menu, +%menu { + padding: 4px 4px 6px 4px; + color: $fg_color; + // background-color: $menu_bg; + // border-radius: 6px; + // margin: 5px; + // @if $variant == 'dark' { border: 1px solid $menu_border; } + // box-shadow: 0 3px 8px rgba(0, 0, 0, 0.56), 0 3px 15px rgba(0, 0, 0, 0.36); + + @if $trans == 'true' { + border-image: url("assets/menu.svg") 15 15 15 15; + } + + @else { + border-image: url("assets/menu-solid.svg") 15 15 15 15; + } + + &-arrow { icon-size: 16px; } + + .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; + + // background-color: if($variant=='light', $bg_color, $base_color); + // border-top: 1px solid $dark_borders_color; + // border-bottom: 1px solid $dark_borders_color; + + .popup-menu-item:ltr { padding-right: 8px; } + .popup-menu-item:rtl { padding-left: 8px; } + + StScrollBar { + padding: 4px; + StBin#trough, StBin#vhandle { border-width: 0; } + } + } + + .popup-menu-content { padding: 1em 0em 1em 0em; } + .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + + &:active { + color: $selected_fg_color; + border-image: url("assets/menu-hover.svg") 15 15 2 2; + } + + &:insensitive { + color: transparentize($fg_color, 0.5); + background: none; + } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $fg_color; + + &:insensitive { color: $disabled_fg_color; } + } + + .popup-menu-item:active .popup-inactive-menu-item { color: $selected_fg_color; } + + &-icon { icon-size: 16px; } +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0,0,0,0.0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0,0,0,0.0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + @extend %menu; + padding: 10px; +} + +// .popup-image-menu-item {} + +.popup-combobox-item { spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: $borders_color; + border-bottom-width: 1px; + 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 +// +#panel { + font-weight: bold; + height: 27px; + width: 32px; + + &:highlight { + border-image: none; + background-color: transparentize($error_color, 0.5); + } + + &Left { + spacing: 4px; + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255,0,0,0.05); + background-gradient-end: rgba(255,0,0,0.2); + } + + &:ltr { padding-right: 4px; } + &:rtl { padding-left: 4px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Right { + + &:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0,0,255,0.05); + background-gradient-end: rgba(0,0,255,0.2); + } + + &:ltr { padding-left: 4px; spacing: 0px; } + &:rtl { padding-right: 4px; spacing: 0px; } + + &.vertical { + padding: 0; + + &:ltr { padding-right: 0px; } + &:rtl { padding-left: 0px; } + } + } + + &Center { + spacing: 4px; + + &: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, &-bottom, &-left, &-right { + color: $panel_fg; + font-size: 1em; + padding: 0px; + background-color: if($trans == 'true', rgba($panel_bg, 0.95), $panel_bg); + box-shadow: 0 0 5px rgba(#000, 0.5), 0 0 16px rgba(#000, 0.24); + + .panel-button, + .panel-status-button { + &:hover { + color: $fg_color; + background-color: rgba($fg_color, 0.1); + } + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } + } + + @if $variant == 'dark' { + &-top { border-bottom: 1px solid $panel_border_color; } + &-bottom { border-top: 1px solid $panel_border_color; } + &-left { border-right: 1px solid $panel_border_color; } + &-right { border-left: 1px solid $panel_border_color; } + } + + &-dummy { + background-color: transparentize($error_color, 0.5); + + &:entered { background-color: transparentize($error_color, 0.4); } + } + + &-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: $panel_fg; + } + + &-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: $panel_fg; + } +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +// +// Overview +// +#overview { spacing: 12px; } + +.window-caption { + background-color: $osd_bg_color; + border: 1px solid $osd_bg_color; + color: $osd_fg_color; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + + &#selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border: 1px solid $selected_bg_color; + spacing: 25px; + } +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + @include entry(osd); + + &:focus { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + color: $selected_fg_color; + font-style: italic; + transition-duration: 300; + selection-background-color: $selected_fg_color; + selected-color: $selected_bg_color; + } +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255,255,255,0.0); + background-color: rgba(255,255,255,0.0); + border-radius: 2px; + + &#active { + border: 4px solid $selected_bg_color; + background-color: black; + border-radius: 2px; + } +} + +.expo-background { + background-color: opacify($osd_bg_color, 1); +} + +.workspace { + //&-controls { visible-height: 32px; } + + &-thumbnails { + spacing: 26px; + + &-background, &-background:rtl { padding: 8px; } + } + + &-add-button { + background-image: url("#{$asset_path}/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; + + &:hover { + background-image: url("#{$asset_path}/add-workspace-hover.svg"); + transition-duration: 100; + } + &:active { + background-image: url("#{$asset_path}/add-workspace-active.svg"); + transition-duration: 100; + } + } + &-overview-background-shade { background-color: rgba(0,0,0,0.5); } +} + +.workspace-close-button, +.window-close { + background-image: url("#{$asset_path}/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; + + &:hover { + background-image: url("#{$asset_path}/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; + } + &:active { + background-image: url("#{$asset_path}/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("#{$asset_path}/trash-icon.svg"); + height: 120px; + width: 400px; +} + +// +// About Dialog (applet.js and desklet.js) +// +.about { + &-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; + } + &-title { + font-size: 2em; + font-weight: bold; + } + &-uuid { + font-size: 10px; + color: #888; + } + &-icon { + padding-right: 20px; + padding-bottom: 14px; + } + &-scrollBox { + border: 1px solid $borders_color; + border-radius: 2px; + background-color: $base_color; + padding: 4px; + padding-right: 0; + border-radius: 0; + + &-innerBox { + padding: 1.2em; + spacing: 1.2em; + } + } + &-description { + padding-top: 4px; + padding-bottom: 16px; + } + &-version { + padding-left: 7px; + font-size: 10px; + color: #888; + } +} + + +// +// Calendar +// +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: $fg_color; + font-weight: bold; + margin: 0 2px; + padding: 2px; // label centering +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; + + &:focus, &:hover { background-color: rgba($fg_color, 0.1); } + &:active { background-color: rgba($fg_color, 0.25); } +} + +//arrow back +.calendar-change-month-back { + background-image: url("#{$asset_path}/calendar-arrow-left.svg"); + + &:rtl { + background-image: url("#{$asset_path}/calendar-arrow-right.svg"); + } +} + +//arrow forward +.calendar-change-month-forward { + background-image: url("#{$asset_path}/calendar-arrow-right.svg"); + + &:rtl { + background-image: url("#{$asset_path}/calendar-arrow-left.svg"); + } +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: $fg_color; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: transparentize($fg_color, 0.15); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: transparentize($fg_color, 0.2); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: $fg_color; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-width: 0; +} + +.calendar-other-month-day { + color: transparentize($fg_color, 0.7); + opacity: 1; +} + +.calendar-week-number { + color: transparentize($fg_color, 0.3); + font-size: 80%; +} + +// +// Notifications +// +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: $text_color; + background-color: $bg_color; + + .notification-button, .notification-icon-button { + @extend %button; + padding: 5px; + } + + StEntry { @extend %entry; } + + .menu &, + .popup-menu & { + &, &.multi-line-notification { color: $text_color; } + border: 1px solid $borders_color; + + .notification-button, .notification-icon-button { + @extend %button; + padding: 5px; + } + + StEntry { @extend %entry; } + } + + &.multi-line-notification { + padding-bottom: 13px; + color: $text_color; + } + + &-scrollview { + max-height: 10em; + + > .top-shadow, > .bottom-shadow { height: 1em; } + + &:ltr > StScrollBar { padding-left: 6px; } + &:rtl > StScrollBar { padding-right: 6px; } + } + + &-body { spacing: 5px; } + &-actions { spacing: 10px; } +} + +.notification { + + &-with-image { + min-height: 159px; + color: $text_color; + } + + &-button, &-icon-button { + @extend %button; + padding: 5px; + } + + &-icon-button > StIcon { icon-size: 36px; } + + StEntry { @extend %entry; } +} + +// +// Alt Tab +// +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: $osd_fg_color; + background-color: $osd_bg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 20px; + + > StBoxLayout { + padding: 4px; + } + + &-item-container { spacing: 8px; } + + .item-box { + padding: 8px; + border-radius: 2px; + + &:outlined { + padding: 8px; + border: 1px solid $selected_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 0px solid $selected_bg_color; + } + } + + .thumbnail { width: 256px; } + + .thumbnail-box { + padding: 2px; + spacing: 4px; + } + .separator { + width: 1px; + background: rgba(255,255,255,0.2); + } +} + +.switcher-arrow { + border-color: rgba(0,0,0,0); + color: $osd_fg_color; + + &:highlighted { + border-color: rgba(0,0,0,0); + color: $panel_fg; + } +} + +//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } + +.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; +} + +// +//Activities Ripples +// +.ripple-box { + width: 104px; + height: 104px; + background-image: url("#{$asset_path}/corner-ripple.svg"); + background-size: contain; +} + +// +// Modal dialogs +// +.lightbox { background-color: rgba(0, 0, 0, 0.4); } +.flashspot { background-color: white; } + +.modal-dialog { + color: $osd_fg_color; + background-color: rgba(darken($osd_bg_color, 3%), 0.95); + border: 1px solid rgba(black, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(black, 0.75), 0 5px 18px rgba(black, 0.55); + + > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; + } + + &-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; + + .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; + + @extend %osd_button; + } + } +} + +// +// Run dialog +// +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: $bg_color; + border-radius: 5px; + + > * { padding: 0; } + + &-label { + font-size: 0; + font-weight: bold; + color: $osd_fg_color; + padding-bottom: 0; + } + + &-error-label { color: $error_color; } + + &-error-box { + padding-top: 15px; + spacing: 5px; + } + &-completion-box { + padding-left: 15px; + font-size: 10px; + } + &-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: $osd_fg_color; + selected-color: $selected_fg_color; + selection-background-color: $selected_bg_color; + + @include entry(osd); + + &:focus { @include entry(osd-focus); } + } + .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: $warning_color; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; + + &-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + + &:rtl { + padding-left: 0px; + padding-right: 17px; + } + } + &-description { + padding-left: 17px; + width: 28em; + + &:rtl { padding-right: 17px; } + } +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; + + &:rtl { + padding-right: 49px; + padding-left: 32px; + } + + &-item { + color: #ccc; + + &:hover { color: white } + + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } + + &-icon:ltr { padding-right: 17px; } + &-icon:rtl { padding-left: 17px; } + + &-name { font-size: 1.1em; } + } +} + +// +// Magnifier +// +.magnifier-zoom-region { + border: 2px solid rgba(128, 0, 0, 1); + + .full-screen { border-width: 0px; } +} + +// +// On-Screen Keyboard +// +#keyboard { + background-color: $osd_bg_color; + border-width: 0; + border-top-width: 1px; + border-color: transparentize(black, 0.6); +} + +.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: 3px; + box-shadow: none; + + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + + &:grayed { @include button(osd-insensitive); } +} + +.keyboard-subkeys { //long press on a key popup + color: $osd_fg_color; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: $osd_bg_color; + -arrow-border-width: 1px; + -arrow-border-color: transparentize(black, 0.6);; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +// +// Cinnamon Specific Section +// + +// +// Menu (menu.js) +// +.menu { + &-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: $bg_color; + border: 1px solid $borders_color; + border-radius: 3px; + } + + &-favorites-button { + padding: 10px; + border: 1px solid rgba(0,0,0,0); + border-radius: 5px; + + &:hover { @include button(hover); border-radius: 5px; } + } + + &-places { + + &-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0,0,0,0); + } + + &-button { padding: 10px; } + } + + &-categories-box { padding: 10px 30px 10px 30px; } + + &-applications-inner-box, + &-applications-outer-box { padding: 10px 10px 0 10px; } + + &-application-button { + padding: 6px; + border-radius: 2px; + border: none; + + // This style is used in menu application buttons for applications which were newly installed + &:highlighted { font-weight: bold; } + + &-selected { + @include button(active); + padding: 6px; + border-radius: 2px; + border: none; + + &:highlighted { font-weight: bold; } + } + + &-label:ltr { padding-left: 5px; } + &-label:rtl { padding-right: 5px; } + } + + StScrollView.menu-application-button { // extracted submenu container + padding: 0; + border-radius: 3px; + border: 1px solid $borders_color; + background-color: $base_color; + + .popup-menu-item { + padding: 0; + spacing: 0; + &:ltr { padding-left: 7px; } + &:rtl { padding-right: 7px; } + + &:active { + border-image: none; // image independent + background-color: $selected_bg_color; + } + + StIcon { min-width: 22px; } // indentation + + StLabel { + &:ltr { padding: 6px 0 7px 5px; } + &:rtl { padding: 6px 5px 7px 0; } + } + } + } + + &-category-button { + padding: 6px; + border: 1px solid rgba(0,0,0,0); + border-radius: 5px; + + &-selected { + padding: 6px; + border: 1px solid $button_borders; + } + &-hover, &-selected { + @include button(hover); + border-radius: 5px; + } + &-greyed { + padding: 6px; + color: $disabled_fg_color; + border: 1px solid rgba(0,0,0,0); + } + + &-label:ltr { padding-left: 5px; } + &-label:rtl { padding-right: 5px; } + } + + // Name and description of the currently hovered item in the menu + // This appears on the bottom right hand corner of the menu + &-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; + + &:rtl { + padding-top: 10px; + height: 30px; + } + } + + &-selected-app-title { font-weight: bold; } + + &-selected-app-description { max-width: 150px; } + + &-search-box:ltr { padding-left: 30px; } + &-search-box-rtl { padding-right: 30px; } +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: $fg_color; + + @extend %entry; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: $fg_color; +} + +/* Context menu (at the moment only for favorites) */ +// .menu-context-menu { } + +// +// OSD +// +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: $panel_fg; + background-color: $panel_bg; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + // margin: 32px; + min-width: 64px; + min-height: 64px; + + color: $panel_fg; + + border-radius: 0; + background-color: $panel_bg; + border: none; + + @if $trans == 'true' { + border-image: url("assets/menu.svg") 15 15 15 15; + } + + @else { + border-image: url("assets/menu-solid.svg") 15 15 15 15; + } + + .osd-monitor-label { font-size: 3em; } + + .level { + padding: 0; + height: 4px; + background-color: rgba(black, 0.35); + border-radius: 2px; + color: $selected_bg_color; + } + + .level-bar { + border-radius: 2px; + background-color: $selected_bg_color; + } +} + +// +// Window list (windowList.js) +// + +.window-list { + + &-box { + spacing: 0; + + .panel-bottom &, + .panel-top & { + &:ltr { padding: 0 0 0 8px; } + &:rtl { padding: 0 8px 0 0; } + } + + &.vertical { + padding: 6px 0 0 0; + + #appMenuIcon { + padding-top: 2px; + } + } + + &:highlight { background-color: rgba($error_color, 0.5); } + } + + &-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; + } + + &-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba($panel_fg, 0.9); + border: 0 solid transparent; + + .panel-bottom & StLabel { padding-left: 6px; } + .panel-top & StLabel { padding-left: 6px; } + .panel-left & StLabel { padding-top: 6px; } + .panel-right & StLabel { padding-top: 6px; } + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + StIcon, StBin, #appMenuIcon { padding: 2px; padding-#{$position}: 0; } + } + } + + &:hover { + color: $panel_fg; + border: 0 solid rgba($panel_fg, 0.5); + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + } + + &:active, + &:checked, + &:running { + color: $panel_fg; + border: 0 solid rgba($selected_bg_color, 0.35); + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + + &:hover { + border-color: rgba($selected_bg_color, 0.5); + } + } + + &:focus { + color: $panel_fg; + border: 0 solid $selected_bg_color; + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + } + + &.right, &.left { + padding-left: 0px; + padding-right: 0px; + } + + .progress { + background-gradient-direction: vertical; + background-gradient-start: $progress_color; + background-gradient-end: $progress_color; + border-radius: 2px; + box-shadow: none; + } + } + + &-item-demands-attention { + background-gradient-start: $warning_color; + background-gradient-end: $warning_color; + } + + // >= 3.6.7 + &-preview { // thumbnail popup windows = .switcher-list + padding: 20px - 8px; // = .switcher-list - .item-box + spacing: 8px; // = .switcher-list-item-container + border: none; + background-color: $base_color; + border-radius: 5px; + color: $fg_color; + box-shadow: 0 3px 5px rgba(#000, 0.35), 0 3px 12px rgba(#000, 0.16); + } +} + +// +// Grouped window list (grouped-window-list@cinnamon.org) // >= 4.0 +// + +.grouped-window-list { + + &-thumbnail-label { + padding-left: 4px; + } + + &-thumbnail-alert { + background-color: rgba($error_color, 0.5); + } + + &-thumbnail-menu { + + .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; + + &:outlined { + padding: 2px; + border: 2px solid $selected_bg_color; + } + + &:selected { + background-color: rgba($selected_fg_color, 0.33); + } + } + + .thumbnail { + width: 256px; + } + + .separator { + width: 1px; + background-color: rgba($panel_fg, 0.33); + } + } + + &-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: $selected_fg_color; + padding: 0; + } + + &-button-label { + padding-left: 4px; + } + + &-badge { + border-radius: 256px; + background-color: $selected_bg_color; + } + + &-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba($panel_fg, 0.6); + border: 0 solid transparent; + + @each $position in (top), + (bottom), + (left), + (right) { + + &.#{$position} { // Cinnamon 4.0.3 + border-#{$position}-width: 2px; + StIcon, StBin, #appMenuIcon { padding: 2px; padding-#{$position}: 0; } + } + } + + // &.bottom StLabel { padding-left: 6px; } + // &.top StLabel { padding-left: 6px; } + // &.left StLabel { padding-top: 6px; } + // &.right StLabel { padding-top: 6px; } + + &:hover { + color: $panel_fg; + border: 0 solid rgba($panel_fg, 0.5); + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + } + + &:active, + &:checked, + &:running { + color: $panel_fg; + border: 0 solid rgba($selected_bg_color, 0.35); + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + + &:hover { + border-color: rgba($selected_bg_color, 0.5); + } + } + + &:focus { + color: $panel_fg; + border: 0 solid $selected_bg_color; + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + border-#{$position}-width: 2px; + } + } + } + + .progress { + background-gradient-direction: vertical; + background-gradient-start: $progress_color; + background-gradient-end: $progress_color; + border-radius: 2px; + box-shadow: none; + } + } + + &-item-demands-attention { + background-gradient-start: $warning_color; + background-gradient-end: $warning_color; + } +} + +/// +// Sound Applet (status/volume.js) +// +.sound-button { + width: 22px; + height: 13px; + padding: 8px; + + @extend %button; + + &-container { + padding-right: 3px; + padding-left: 3px; + } + StIcon { icon-size: 1.4em; } +} + +.sound-track { + &-infos { padding: 5px; } + &-info { + padding-top: 2px; + padding-bottom: 2px; + + StIcon { icon-size: 16px; } + + StLabel { + padding-left: 5px; + padding-right: 5px; + } + } + &-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; + } +} + +.sound-seek-box { + padding-left: 15px; + + StLabel { padding-top: 2px; } + StIcon { icon-size: 16px; } +} + +.sound-seek-slider { width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; + + StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; + } +} + +.sound-playback-control { padding: 5px 10px 10px 10px; } + +// 2.8 +.sound-player { + padding: 0 3px; + + > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; + + StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; + + &:hover { background-color: rgba($fg_color, 0.1); } + &:active { background-color: rgba($fg_color, 0.25); } + + StIcon { icon-size: 16px; } + } + } + + &-generic-coverart { + background: rgba(0,0,0,0.2); + } + + &-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: transparentize(darken($osd_bg_color, 5%), 0.1); + border: 0px solid darken($osd_bg_color, 8%); + border-bottom: 1px; + color: $osd_fg_color; + + StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: $osd_fg_color; + border-radius: 3px; + border: none; + + StIcon { icon-size: 16px; } + + &:hover { @include button(osd-hover); } + &:active { @include button(osd-active); } + } + + StLabel { padding: 0 6px; } + + StBoxLayout { + padding-top: 2px; + } + } + + .slider { + height: 0.5em; + padding: 0; + border: 0px solid darken($osd_bg_color, 8%); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + -slider-border-color: rgba(0,0,0,0); + -slider-active-background-color: $selected_bg_color; + -slider-active-border-color: rgba(0,0,0,0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; + } +} + +// +// Workspace Switcher applet (workspaceSwitcher.js) +// +#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: $panel_fg; + padding: 3px; + padding-top: 4px; + transition-duration: 300; + + &:outlined, &:outlined:hover { color: $selected_bg_color; } + &:hover { color: lighten($selected_bg_color, 10%) } +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid transparentize(black, 0.6); + background-gradient-direction: none; + background-color: transparentize(black, 0.8); +} + +.workspace-graph .workspace:active { + border: 1px solid $selected_bg_color; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: lighten($panel_bg, 15%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 15%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: lighten($panel_bg, 20%); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: lighten($panel_bg, 5%); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +// +// Panel Launchers Applet (panelLaunchers.js) +// +#panel-launchers-box { + padding: 0 6px; + + &.vertical { + padding: 3px 0; + } +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + + &:hover { + background-gradient-direction: none; + border: 0px solid $selected_bg_color; + + .panel-bottom & { border-bottom-width: 2px; padding-bottom: 0;} + .panel-top & { border-top-width: 2px; padding-top: 0;} + .panel-left & { border-left-width: 2px; padding-left: 0; } + .panel-right & { border-right-width: 2px; padding-right: 0; } + } +} + +// 3.2.x +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + &:hover { + border: 0 solid $selected_bg_color; + background-gradient-direction: none; + + @each $position in (top), + (bottom), + (left), + (right) { + .panel-#{$position} & { + padding-#{$position}: 0; + border-#{$position}-width: 2px; + } + } + } + + .icon-box { + padding: 0 2px; + + &.vertical { padding: 2px 0; } + } +} + +// +// Overview corner +// +#overview-corner { +// background-image: url("#{$asset_path}/overview.png"); + +// &:hover { background-image: url("#{$asset_path}/overview-hover.png"); } +} + +// +// Applets (applet.js) +// +.applet { + &-separator { padding: 1px 4px; } + + &-separator-line { + width: 1px; + background: rgba(255,255,255, 0.12); + } + + &-box { + padding-left: 3px; + padding-right: 3px; + color: $panel_fg; + text-shadow: none; + transition-duration: 100; + + &.vertical { + padding: 3px 0; + } + + &:hover { + color: $panel_fg; + background-color: rgba($panel_fg, 0.15); + } + + &:checked, &:checked:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:highlight { + background-image: none; + border-image: none; + background-color: transparentize($error_color, 0.5); + } + } + + &-label { + font-weight: bold; + color: $panel_fg; + + .applet-box:checked & { + color: $selected_fg_color; + text-shadow: none; + } + } + + &-icon { + color: $panel_fg; + icon-size: 22px; + + .applet-box:checked & { + color: $selected_fg_color; + text-shadow: none; + } + } +} + +// +// User Applet +// +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: $fg_color; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +// +// Desklets (desklet.js) +// +.desklet { + color: $osd_fg_color; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + + &-with-borders { + color: $osd_fg_color; + background-color: $osd_bg_color; + padding: 12px; + padding-bottom: 16px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + &-with-borders-and-header { + color: $osd_fg_color; + background-color: $osd_bg_color; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; + + &:highlight { + background-color: transparentize($error_color, 0.5); + } + } + &-header { + color: $osd_fg_color; + background-color: $osd_bg_color; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; + } + &-drag-placeholder { + border: 2px solid $selected_bg_color; + background-color: transparentize($selected_bg_color, 0.7); + } +} + +.photoframe-box { + color: $osd_fg_color; + background-color: $osd_bg_color; + padding: 12px; + padding-bottom: 16px; +} + +// +// Workspace OSD +// +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +// +// Notification Applet +// +.notification-applet-padding { padding: .5em 1em; } + +.notification-applet-container { max-height: 100px; } + +// +// Tile Preview +// +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: transparentize($selected_bg_color, 0.7); + border: 1px solid $selected_bg_color; +} + +// +// Xkcd Desklet +// +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0,0,0,0); + border-radius: 0px; +} diff --git a/src/sass/cinnamon/_drawing.scss b/src/sass/cinnamon/_drawing.scss new file mode 100644 index 0000000..e61330b --- /dev/null +++ b/src/sass/cinnamon/_drawing.scss @@ -0,0 +1,129 @@ +// Drawing mixins + +// generic drawing of more complex things + +// provide font size in rem, with px fallback +@mixin fontsize($size: 24, $base: 16) { + font-size: round($size) + pt; + //font-size: ($size / $base) * 1rem; +} + +// Entries + +@mixin entry($t, $dark:false) { +// +// Entries drawing function +// + //@extend %reset_style; + + @if $t==normal { + color: $text_color; + border: 1px solid $borders_color; + background-color: $entry_bg; + } + + @if $t==focus { + color: $text_color; + border: 1px solid $selection_mode_bg; + background-color: $entry_bg; + box-shadow: 0 0 0 2px $entry_highlight; + } + + @if $t==insensitive { + color: $disabled_fg_color; + border: 1px solid $entry_border; + background-color: transparentize($entry_bg, 0.45); + } + + @if $t==osd { + color: $osd_fg_color; + background-color: $osd_entry_bg; + border: 1px solid $osd_entry_border; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } + + @if $t==osd-focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } + + @if $t==osd-insensitive { + color: transparentize($osd_fg_color, 0.45); + background-color: transparentize($osd_entry_bg, 0.15); + border: 1px solid $osd_entry_border; + box-shadow: inset 0 2px 4px transparentize(black, 0.95); + } +} + +// Buttons + +@mixin button($t) { +// +// Button drawing function +// + //@extend %reset_style; + + text-shadow: none; + + @if $t==normal { + color: $fg_color; + border: 1px solid $button_borders; + background-color: $button_bg; + box-shadow: inset 0 1px $button_highlight; + } + + @else if $t==hover { + color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); + border: 1px solid $button_borders; + background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%)); + box-shadow: inset 0 1px rgba($button_highlight, 0.12); + } + + @else if $t==focus { + color: $fg_color; + background-color: $button_bg; + border: 1px solid $selected_bg_color; + box-shadow: inset 0 1px rgba($button_highlight, 0.12); + } + + @else if $t==focus-hover { + color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); + background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%)); + border: 1px solid $selected_bg_color; + box-shadow: inset 0 1px rgba($button_highlight, 0.12); + } + + @else if $t==active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: 1px solid $button_borders_active; + } + + @else if $t==insensitive { + color: $disabled_fg_color; + border: 1px solid if($variant == 'light', $button_border, $dark_borders_color); + background-color: rgba($button_bg, 0.55); + } + + @else if $t==osd { + color: $osd_fg_color; + background-color: $osd_button_bg; + } + + @else if $t==osd-hover { + color: $osd_fg_color; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + } + + @else if $t==osd-active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + color: $osd_disabled_fg_color; + background-color: transparentize($osd_button_bg, 0.15); + } +} diff --git a/src/sass/gnome-shell/_common.scss b/src/sass/gnome-shell/_common.scss new file mode 100644 index 0000000..8e4665f --- /dev/null +++ b/src/sass/gnome-shell/_common.scss @@ -0,0 +1,2850 @@ +//This is the RIGHT PLACE to edit the stylesheet + +//let's start by telling people not to edit the generated CSS: +$cakeisalie: "This stylesheet is generated, DO NOT EDIT"; +/* #{$cakeisalie} */ + +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ + + +/* GLOBALS */ +* { + // transition-timing-function: $deceleration_curve; + transition-duration: $longer_duration; +} + +stage { + font-family: $font-family; + @include font(body-1); + color: $fg_color; +} + +/* WIDGETS */ + +/* Buttons */ +.button { + min-height: $medium_size; + padding: 0 16px; + border-width: 0; + border-radius: $bt_radius; + @include font(button); + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + &:focus { @include button(flat-focus); } +} + +/* Entries */ +StEntry { + min-height: $medium_size; + min-width: $large_size; + padding: 0 8px; + margin: 3px; + border-radius: 3px; + border-width: 0; + color: $fg_color; + caret-color: $fg_color; + selection-background-color: $primary_color; + selected-color: $light_alt_fg_color; + @include font(subheading); + @include entry(normal); + //&:hover { @include entry(hover);} + &:focus { @include entry(focus);} + &:insensitive { @include entry(insensitive);} + StIcon.capslock-warning { + icon-size: 16px; + warning-color: $warning_color; + padding: 0 0; + } + StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; + } + StLabel.hint-text { + margin-left: 2px; + color: transparentize($fg_color, 0.3); + } +} + + +/* Scrollbars */ + +StScrollView { + &.vfade { -st-vfade-offset: 32px; } + &.hfade { -st-hfade-offset: 32px; } +} + +StScrollBar { + padding: 0; + + StScrollView & { + min-width: 16px; + min-height: 6px; + } + + StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: $divider_color; + } + + StButton#vhandle, StButton#hhandle { + border-radius: 100px; + background-color: $hint_fg_color; + //border: 4px solid transparent; //would be nice to margin or at least to transparent + margin: 6px; + &:hover { background-color: $alt_fg_color; } + &:active { background-color: $fg_color; } + } +} + +%overview_scrollbar { + StBin#trough { + background-color: $light_divider_color; + } + + StButton#vhandle, StButton#hhandle { + background-color: $light_hint_fg_color; + &:hover { background-color: $light_alt_fg_color; } + &:active { background-color: $light_alt_fg_color; } + } +} + +/* Slider */ + +$slider_color: if($variant == 'light', white, white); +$barlevel_bg_color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); +$barlevel_active_bg_color: if($variant == 'light', white, rgba(white, 0.35)); +$barlevel_boder_color: if($variant == 'light', rgba(black, 0.12), transparent); + +.slider { + height: 20px; + color: $slider_color; + border-radius: 16px; + + -slider-height: 19px; + -slider-background-color: $barlevel_bg_color; //background of the trough + -slider-border-color: $barlevel_boder_color; //trough border color + -slider-active-background-color: $barlevel_active_bg_color; //active trough fill + -slider-active-border-color: $barlevel_boder_color; //active trough border + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: $barlevel_boder_color; + + // barlevels are for >= 3.29.90 + -barlevel-height: 19px; + -barlevel-background-color: $barlevel_bg_color; + -barlevel-border-color: $barlevel_boder_color; + -barlevel-active-background-color: $barlevel_active_bg_color; + -barlevel-active-border-color: $barlevel_boder_color; + -barlevel-overdrive-color: $destructive_color; + -barlevel-overdrive-border-color: $barlevel_boder_color; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: $barlevel_boder_color; +} + +/* Check Boxes */ + +.check-box { + * { + min-height: $medium_size - 8px * 2; + padding: 8px 0; + } + + StBoxLayout { spacing: 8px; } + StBin { + width: 24px; + height: 24px; + padding: ($medium_size - 24px) / 2; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); + } + &:focus StBin { + background-image: url("assets/checkbox-off.svg"); + } + &:hover StBin { + background-color: $divider_color; + } + &:active StBin { + background-color: $track_color; + } + &:checked StBin { + background-image: url("assets/checkbox.svg"); + } + &:focus:checked StBin { + background-image: url("assets/checkbox.svg"); + } + &:hover:checked StBin { + background-color: rgba($primary_color, $lower_opacity / 2); + } + &:active:checked StBin { + background-color: rgba($primary_color, $lower_opacity); + } +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); + + &:checked { background-image: url("assets/toggle-on.svg"); } + + .popup-menu-item.selected & { + background-image: url("assets/toggle-off.svg"); + + &:checked { background-image: url("assets/toggle-on.svg"); } + } +} + +@each $v in us, intl { + .toggle-switch-#{$v} { + background-image: url("assets/toggle-off.svg"); + &:checked { background-image: url("assets/toggle-on.svg"); } + } +} + +/* links */ +.shell-link { + border-radius: $bt_radius; + color: $link_color; + &:hover { + color: $link_color; + background-color: rgba($link_color, $lower_opacity / 2); + } + &:active { + color: $link_color; + background-color: rgba($link_color, $lower_opacity); + } +} + +/* Modal Dialogs */ + +.headline { @include font(title); } +.lightbox { background-color: black; } +.flashspot { background-color: white; } + +.modal-dialog { + color: $fg_color; + padding: 0 5px 6px 5px; + @extend %theme_dialogs; + + &-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: $bt_radius; + @include font(button); + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + &:focus { @include button(flat-focus); } + } + + .modal-dialog-content-box { + padding: 24px; + } + .run-dialog-entry { width: 20em; margin-bottom: 6px; } + .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; + } + .run-dialog-button-box { + padding-top: 1em; + } + .run-dialog-label { + font-size: 1em; + font-weight: normal; + color: $hint_fg_color; + padding-bottom: .4em; + } +} + + .mount-dialog-subject, + .end-session-dialog-subject { //this should be a generic header class + @include font(title); + } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; +} + +.message-dialog-content { + max-width: 28em; + spacing: 20px; + + .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; + + &.leightweight { + font-size: 13pt; + font-weight: 800; + } + } + + .message-dialog-description { text-align: center; } +} + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; +} + +.message-dialog-subtitle { + color: $alt_fg_color; + font-weight: bold; +} + +/* Dialog List */ +.dialog-list { + spacing: 18px; + + .dialog-list-title { + text-align: center; + font-weight: bold; + } + + .dialog-list-scrollview { max-height: 200px; } + .dialog-list-box { + spacing: 1em; + + .dialog-list-item { + spacing: 1em; + + .dialog-list-item-title { font-weight: bold; } + .dialog-list-item-description { + color: $alt_fg_color; + @include font(title); + } + } + } +} + +/* Run Dialog */ +.run-dialog { + .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; + } + .run-dialog-entry { width: 20em; } + .run-dialog-description { + text-align: center; + color: $alt_fg_color; + @include font(title); + } +} + +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: none; +} + +.end-session-dialog-list { + padding-top: 20px; +} + +.end-session-dialog-layout { + padding-left: 17px; + &:rtl { padding-right: 17px; } +} + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; + &:rtl { + text-align: right; + } +} + +.end-session-dialog-warning { + width: 28em; + color: $warning_color; + padding-top: 6px; + &:rtl { + text-align: right; + } +} + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; +} + +.end-session-dialog-shutdown-icon { + color: $hint_fg_color; + width: 48px; + height: 48px; +} + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; +} + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; +} + +.end-session-dialog-list-header { + font-weight: bold; + &:rtl { text-align: right; } +} + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; +} + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; +} + +.end-session-dialog-app-list-item-description { + color: $hint_fg_color; + font-size: 1em; +} + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { icon-size: 48px; } + +.mount-dialog { + spacing: 24px; + + .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; + } + + .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; + } + + .message-dialog-body { + padding-left: 17px; + width: 28em; + } + + .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; + } +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: $fg_color; + &:hover { color: $fg_color; } + &:ltr { padding-right: 1em; } + &:rtl { padding-left: 1em; } +} + +.mount-dialog-app-list-item-icon { + &:ltr { padding-right: 17px; } + &:rtl { padding-left: 17px; } +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + + +/* Password or Authentication Dialog */ + +.prompt-dialog { + //this is the width of the entire modal popup + width: 34em; + border: none; + + .modal-dialog-content-box { + margin-bottom: 24px; + } + + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-content { spacing: 16px; } + .message-dialog-title { @include font(title); color: $fg_color; } +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; + + .prompt-dialog-password-entry { + width: auto; + + // 4px (spacing) + 16px (spinner-width) + &:ltr { margin-left: 20px; } + &:rtl { margin-right: 20px; } + } +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 18em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + @include font(title); + margin: 6px; +} + +.prompt-dialog-error-label { + color: $warning_color; +} + +.prompt-dialog-description:rtl { + text-align: right; +} + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; +} + +.prompt-dialog-error-label { + font-size: 1em; + color: $error_color; + padding-bottom: 8px; +} + +.prompt-dialog-info-label { + font-size: 1em; + padding-bottom: 8px; + color: $hint_fg_color; +} + +.hidden { + color: rgba(0,0,0,0); +} + +.prompt-dialog-null-label { + font-size: 1em; + padding-bottom: 8px; + color: $hint_fg_color; +} + + +/* Polkit Dialog */ + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; + + .polkit-dialog-user-root-label { + color: $warning_color; + } + + .polkit-dialog-user-icon { + border-radius: 1000px; + background-size: contain; + margin: 6px; + } +} + +/* Audio selection dialog */ +.audio-device-selection-dialog { + .modal-dialog-content-box { margin-bottom: 28px; } + .audio-selection-box { spacing: 20px; } +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.audio-selection-device { + border: 1px solid $borders_color; + border-radius: $bt_radius; + &:hover, &:focus { background-color: $visit_color; } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +/* Access Dialog */ +.access-dialog { + spacing: 30px; +} + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; +} + +/* Extension Dialog */ +.extension-dialog { + .message-dialog-main-layout { spacing: 24px; padding: 10px; } + .message-dialog-title { color: $alt_fg_color; } +} + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +/* Network Agent Dialog */ + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +/* Popovers/Menus */ + +$dialog_bg_color: if($variant == 'light', rgba($bg_color, 0.95), rgba($base_color, 0.95)); +$popop_menuitem_radius: $wm_radius - 4px; + +%theme_dialogs { + background-color: $dialog_bg_color; + border-radius: $wm_radius; + border: none; +} + +.popup-menu { + min-width: 12em; + color: $alt_fg_color; + padding: 0 0; + + .popup-menu-arrow { } //defined globally in the TOP BAR + + .popup-sub-menu { + background-color: if($variant == 'light', rgba(white, 0.75), rgba(white, 0.15)); + border-radius: 0 0 $popop_menuitem_radius $popop_menuitem_radius; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; + + .popup-menu-item { + margin: 0; + border-radius: $popop_menuitem_radius; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:active { + color: $selected_fg_color; + background-color: mix($fg_color, $selected_bg_color, 5%); + } + + &:not(:first-child):last-child { + border-radius: 0 0 $popop_menuitem_radius $popop_menuitem_radius; + } + } + } + + .popup-menu-content { + padding: 6px 0; + @extend %theme_dialogs; + box-shadow: 0 8px 16px 0 rgba(black, 0.25); + margin: 4px 12px 20px; + } + + .popup-menu-item { + spacing: 12px; + padding: 6px; + color: $alt_fg_color; + text-shadow: none; + border-radius: $popop_menuitem_radius; + margin: 0 6px; + transition-duration: 0ms; + + &:ltr { padding-right: 1.5em; padding-left: 0; } + &:rtl { padding-right: 0; padding-left: 1.5em; } + + &:checked { + font-weight: normal; + border-radius: $popop_menuitem_radius $popop_menuitem_radius 0 0; + border: none; + box-shadow: none; + background-color: if($variant == 'light', rgba(white, 0.75), rgba(white, 0.15)); + + &.selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:active { + color: $selected_fg_color; + background-color: mix($fg_color, $selected_bg_color, 5%); + } + + &:insensitive { color: $disabled_fg_color; } + } + + &.selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + transition: none; + } + + &:active, &.selected:active { + color: $selected_fg_color; + background-color: mix($fg_color, $selected_bg_color, 5%); + transition-duration: 100ms; + } + + &:insensitive { color: $disabled_fg_color; } + } + + .popup-inactive-menu-item { //all icons and other graphical elements + color: $alt_fg_color; + + &:insensitive { color: $disabled_fg_color; } + } + + //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is + &.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; + } +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; //dreaming. bug #689995 + background: transparent; // needs to reset? + + StEntry { + selection-background-color: $light_alt_fg_color; + selected-background-color: $light_alt_fg_color; + selected-color: $primary_color; + } +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: $dialog_bg_color; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; + @extend %theme_dialogs; +} + +.popup-separator-menu-item { + // height: 0; //not really the whole box + margin: 0; + padding: 0 0; + background: none; + border: none; + + .popup-separator-menu-item-separator { + height: 0; //not really the whole box + background: none; + padding: 0; + } +} + +// a little unstructured mess: + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; + + .label-shadow { color: transparent; } +} + +// system status popover menu +.aggregate-menu { + min-width: 21em; + + // lock screen, shutdown, etc. buttons + .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; + } + + .popup-sub-menu .popup-menu-item > :first-child { + &:ltr { /* 12px spacing + 2*4px padding */ + padding-left: 16px; margin-left: 1em; } + &:rtl { /* 12px spacing + 2*4px padding */ + padding-right: 16px; margin-right: 1em; } + } +} + +.system-menu-action { + color: $alt_fg_color; + border-radius: 100px; /* wish we could do 50% */ + padding: ($large_size - 20px) / 2; + border: none; + -st-icon-style: symbolic; // >= 3.29.90 + + &:hover, &:focus { + background-color: $divider_color; + color: $fg_color; + border: none; + padding: ($large_size - 20px) / 2; + } + + &:active { background-color: $track_color; color: $fg_color; } + + & > StIcon { icon-size: 16px; } +} + +// Background menu +.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ + +// not really top bar only +.popup-menu-arrow, +.popup-menu-icon { icon-size: em(16px); } + +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; + + .osd-monitor-label { @include font(display-2); } + + .level { + height: 4px; + border-radius: 3px; + background-color: rgba(black, 0.1); + color: $fg_color; + + // For >= 3.29.90 + -barlevel-height: 4px; + // FIXME: above 'background-color' property rendered correct trough + // colour already, so keep -background-color style-property transparent + -barlevel-background-color: rgba(black, 0.1); + -barlevel-active-background-color: $selected_bg_color; + -barlevel-overdrive-color: $destructive_color; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(black, 0.12); + } + + .level-bar { + background-color: white; + border-radius: 16px; + } +} + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: $dark_bg_color; + + .pad-osd-title-box { spacing: 12px; } + .pad-osd-title-menu-box { spacing: 6px; } +} + +.combo-box-label { + width: 15em; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; +} + +.osd-window, +.resize-popup, +.switcher-list { + @extend %osd-panel; +} + + .switcher-list-item-container { spacing: 8px; } + + .switcher-list .item-box { + padding: 8px; + border-radius: $bt_radius; + } + + .switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: $divider_color; + color: $fg_color; // for Ubuntu session + } + + .switcher-list .item-box:selected { + background-color: $primary_color; + color: $light_alt_fg_color; + } + + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; + } + + .switcher-list .thumbnail { + width: 256px; + } + + .switcher-list .separator { + width: 1px; + background: $borders_color; + } + + .switcher-arrow { + border-color: rgba(0,0,0,0); + color: $hint_fg_color; + &:highlighted { + color: $fg_color; + } + } + + .input-source-switcher-symbol { + @include font(display-2); + width: 96px; + height: 96px; + } + +/* Window Cycler */ +.cycler-highlight { border: 4px solid $primary_color; } + +/* Workspace Switcher */ +.workspace-switcher-group { padding: 8px; } + + .workspace-switcher-container { + @extend %osd-panel; + } + + .workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; + } + + .ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: $primary_color; + color: $light_alt_fg_color; + background-size: 32px; + border-radius: $bt_radius; + } + + .ws-switcher-box { + height: 48px; + border: none; + background: $divider_color; + border-radius: $bt_radius; + } + +%osd-panel { + color: $fg_color; + background-color: $base_color; + border: none; + box-shadow: $shadow_4; + border-radius: $bt_radius; + padding: 12px; +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba($primary_color, $lower_opacity); + border: 1px solid $primary_color; +} + + .tile-preview-left.on-primary { + border-radius: $panel-corner-radius 0 0 0; + } + + .tile-preview-right.on-primary { + border-radius: 0 $panel-corner-radius 0 0; + } + + .tile-preview-left.tile-preview-right.on-primary { + border-radius: $panel-corner-radius $panel-corner-radius 0 0; + } + +/* TOP BAR */ +$panel_bg_color: if($variant == 'light', rgba(white, 0.15), rgba(black, 0.15)); +$panel_fg_color: white; +$panel_shadow: 0 2px 3px rgba(black, 0.03), 0 3px 5px rgba(black, 0.03), 0 5px 10px rgba(black, 0.02); +$panel_asset_shadow: 0 1px 3px 3px rgba(black, 0.15); + +#panel { + background-color: $panel_bg_color; + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: $menuitem_size; + box-shadow: $panel_shadow; + + &:overview, + &.unlock-screen, + &.login-screen, + &.lock-screen { + background-color: $panel_bg_color; + } + + #panelLeft, #panelCenter { // spacing between activities<>app menu and such + spacing: 0; + } + + .panel-corner { + -panel-corner-radius: $panel-corner-radius; + -panel-corner-background-color: $panel_bg_color; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + + &:active, &:overview, &:focus { + -panel-corner-border-color: $panel_fg_color; + } + + &.lock-screen, &.login-screen, &.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; + } + + StLabel { padding: 0 4px; } + } + + .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: $panel_fg_color; + transition-duration: $longer_duration; + border-radius: $bt_radius; + // margin-top: 2px; + // margin-bottom: 2px; + + StLabel { padding: 0 2px; } + + &, &:hover, &:active, &:overview, &:focus, &:checked { + text-shadow: $panel_asset_shadow; + + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: $panel_asset_shadow; + } + } + + .app-menu-icon { + -st-icon-style: symbolic; + height: 0; + width: 0; + margin-left: 0; + margin-right: 0; + //dimensions of the icon are hardcoded + } + + .popup-menu-arrow { width: 0; height: 0; } // Remove arrow on panel button + + &:hover { + color: $panel_fg_color; + background-color: $light_divider_color; + } + + &:active, &:overview, &:focus, &:checked { + &, &:hover { + background-color: $light_track_color; + color: $panel_fg_color; + box-shadow: none; + } + } + + .system-status-icon { icon-size: em(16px); padding: 0 4px; } + .unlock-screen &, + .login-screen &, + .lock-screen & { + color: $panel_fg_color; + &:focus, &:hover, &:active { color: $panel_fg_color; } + } + } + + .panel-button.clock-display { + &:active, &:overview, &:focus, &:checked { + .clock { + background: none; + box-shadow: none; + } + } + } + + .panel-status-indicators-box, + .panel-status-menu-box { + spacing: 2px; + } + + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + + .screencast-indicator { color: $error_color; } + .remote-access-indicator { color: $warning_color; } // > 3.29.4 + + &.solid { + background-color: $panel_bg; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; // for Ubuntu session + text-shadow: none; // for Ubuntu session + + &:overview { background-color: transparent; } // for Ubuntu session + + .panel-corner { + -panel-corner-background-color: $panel_bg; + } + + .panel-button { + color: $panel_fg; + text-shadow: none; + + &:active, &:overview, &:focus, &:checked { + color: $light_alt_fg_color; + text-shadow: 0 1px rgba(black, 0.45); + } + } + + .system-status-icon, + .app-menu-icon > StIcon, + .popup-menu-arrow { + icon-shadow: none; + + &:active, &:overview, &:focus, &:checked { + icon-shadow: 0 1px rgba(black, 0.45); + } + } + } +} + +// Activities button +#panel #panelActivities.panel-button { + + > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; + } + + &:active, &:overview, &:focus, &:checked { + background-color: transparent; + border: none; + + // > * { background-image: url("assets/activities-active.svg"); } + } +} + +// calendar popover +.clock-display-box { + spacing: 4px; + + .clock { + padding-left: 6px; + padding-right: 6px; + } +} + +#calendarArea { + padding: 8px 12px; +} + +.calendar { + margin-bottom: 0; + border: none; + box-shadow: none; + background: none; + padding: 0; +} + +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 8px; +} + +.datemenu-displays-section { padding-bottom: 0; } +.datemenu-displays-box { spacing: 8px; } + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 0; + &:ltr { border-left-width: 0; } + &:rtl { border-right-width: 0; } +} + +.datemenu-today-button { + min-height: $menuitem_size * 2 - 4px * 2; + .date-label { + @include font(headline); + } +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.datemenu-today-button, +.world-clocks-button, +.weather-button, +.events-section-title { + min-height: $menuitem_size - 4px * 2; + padding: 4px 8px; + border-radius: $bt_radius; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: $alt_fg_color; + + &:hover,&:focus { color: $fg_color; background-color: $divider_color; } + &:active { + color: $fg_color; + background-color: $track_color; + } +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: $alt_fg_color; + font-weight: bold; +} + +/* World Clock */ +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.world-clocks-city { + color: $hint_fg_color; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-time { + color: $hint_fg_color; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-timezone { + color: $hint_fg_color; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +/* Weather */ +.weather-button { + padding: 12px; + + .weather-box { + spacing: 0.5em; + } + + .weather-header-box { + spacing: 6px; + } + + .weather-header { + color: $alt_fg_color; + font-weight: bold; + + &.location { + font-weight: normal; + color: $hint_fg_color; + } + } + + .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; + } + + .weather-forecast-time { + color: $alt_fg_color; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + } + + .weather-forecast-icon { + icon-size: 32px; + } + + .weather-forecast-temp { + font-weight: bold; + } +} + +.calendar-month-label { + height: $menuitem_size - 4px * 2; + margin: 2px; + padding: 6px 16px; + border-radius: $bt_radius; + color: $fg_color; + font-weight: bold; + text-align: center; + &:focus { background-color: $divider_color; } +} + +.pager-button { + width: $menuitem_size; + height: $menuitem_size; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: $fg_color; + &:hover, &:focus { background-color: $divider_color; } + &:active { background-color: $track_color; } +} + +.calendar-change-month-back { //arrow back + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); + &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } +} +.calendar-change-month-forward { //arrow foreward + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); + &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } +} + +// prev/next month icons +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + @include font(caption); + text-align: center; + width: $menuitem_size; + height: $menuitem_size; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: $alt_fg_color; + font-feature-settings: "tnum"; + &:hover, &:focus { background-color: $divider_color; } + &:active { + color: inherit; + background-color: $track_color; + border-color: transparent; //avoid jumparound due to today + } + &:selected { + color: $light_alt_fg_color; + background-color: $primary_color; + border-color: transparent; //avoid jumparound due to today + } + &.calendar-day-heading { //day of week heading + width: $menuitem_size; height: $menuitem_size - 7px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: $hint_fg_color; + @include font(caption); + font-weight: bold; + text-align: center; + } +} + +.calendar-day { //border collapse hack - see calendar.js + border-width: 0; +} +.calendar-day-top { border-top-width: 0; } +.calendar-day-left { border-left-width: 0; } +.calendar-nonwork-day { + color: $fg_color; +} + +.calendar-today { + font-weight: bold !important; + color: $light_alt_fg_color; + background-color: $primary_color; + border: none; + + &:hover, &:focus { + background-color:lighten($primary_color, 3%); + color: $light_alt_fg_color; + } + + &:active, &:selected { + background-color: $primary_color; + color: $light_alt_fg_color; + + &:hover, &:focus { + background-color:lighten($primary_color, 3%); + color: $light_alt_fg_color; + } + } +} + +.calendar-day-with-events { + color: $link_color; + font-weight: normal; + text-decoration: underline; + background-image: none; + + &.calendar-work-day { + color: $hint_fg_color; + font-weight: bold; + } +} +.calendar-other-month-day { + color: $disabled_fg_color; + opacity: 0.5; +} +.calendar-week-number { + width: $menuitem_size; height: $menuitem_size - 7px; + margin: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: $hint_fg_color; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +/* Message list */ +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; + + .message-list-placeholder { spacing: 12px; } +} + +.message-list-clear-button.button { + background-color: transparent; + &:hover, &:focus { background-color: $divider_color; } + &:active { background-color: $track_color; } + margin: 8px 8px 0; +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +// do-not-disturb + clear button +.message-list-controls { + margin: 8px 16px 0; + // NOTE: remove the padding if notification_bubble could remove margin for drop shadow + padding: 4px; + spacing: 16px; +} + +$message_bg: if($variant == 'light', #ffffff, #383838); + +.message { + border-radius: $bt_radius; + border: none; + color: $alt_fg_color; + background-color: $message_bg; + margin: 4px; + box-shadow: none; + text-shadow: none; + + &:hover, &:focus { color: $fg_color; background-color: $divider_color; } + + &:active { color: $fg_color; background-color: $track_color; } + + // icon container + .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; + &:rtl { padding: 8px 8px 8px 0px; } + + // icon size and color + > StIcon { + icon-size: 32px; // 32px + -st-icon-style: symbolic; + } + + // fallback + > .fallback-app-icon { + width: 16px; + height: 16px; + } + } + + .message-secondary-bin { + padding: 0 8px; + + > .event-time { + min-height: $small_size - 2px; + color: $hint_fg_color; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; + } + } + + .message-title { + min-height: $small_size - 2px; + padding-top: 2px; + color: $fg_color; + font-weight: bold; + font-size: 1em; + } + + .message-content { + min-height: $menuitem_size * 2 - 8px * 2; + padding: 8px; + color: $hint_fg_color; + font-size: 1em; + } + + // close button + .message-close-button { + color: $alt_fg_color; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; + + &:hover, &:active { color: $fg_color; } + &:hover, &:focus { background-color: $divider_color; } + &:active { background-color: $track_color; } + } + + // body + .message-body { + color: $hint_fg_color; + } +} + +// URLs in messages +.url-highlighter { + link-color: $link_color; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: $alt_fg_color; + &:hover, &:focus { color: $fg_color; background-color: $divider_color; } + &:active { color: $fg_color; background-color: $track_color; } + &:insensitive { color: $disabled_fg_color; } + + &:last-child:ltr { margin-right: 16px; padding-right: 8px; } + &:last-child:rtl { margin-left: 16px; padding-left: 8px; } +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; + &:rtl { margin: 0 4px 0 0px !important; } + &.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: $bt_radius; + background-color: $divider_color; + color: $hint_fg_color; + } +} + + +//Activities Ripples +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba($primary_color, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +//close buttons + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + StIcon { icon-size: 26px; } // for safety + background-image: url("assets/window-close.svg"); + + &:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); + } + + &:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); + } +} + +/* 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: $fg_color; } +.nm-dialog-header-icon { icon-size: 32px; } +.nm-dialog-scroll-view { + border: 1px solid $borders_color; + padding: 0; + background-color: if($variant == 'light', rgba(black, 0.05), rgba(black, 0.1)); + border-radius: $bt_radius; +} +.nm-dialog-header { @include font(title); } + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: $bt_radius; + padding: 12px; + spacing: 20px; + &:hover, &:focus { background-color: $divider_color; } + &:active { background-color: $track_color; } +} + +.nm-dialog-item:selected { + background-color: $primary_color; + color: $light_alt_fg_color; +} + +.nm-dialog-icons { spacing: .5em; } +.nm-dialog-icon { icon-size: 16px; } +.no-networks-label { color: $hint_fg_color; } +.no-networks-box { spacing: 12px; } + +/* OVERVIEW */ + +#overview { + spacing: 24px; // + StScrollBar { @extend %overview_scrollbar; } +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { //container around window thumbnails + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + + &.external-monitor { padding: 16px; } +} + +.window-clone-border { + border: 4px solid $light_track_color; + border-radius: $bt_radius; + // For window decorations with round corners we can't match + // the exact shape when the window is scaled. So apply a shadow + // to fix that case + box-shadow: inset 0 0 0 1px $light_track_color; +} + +.window-caption { + spacing: 25px; + color: $light_alt_fg_color; + background-color: $dark_bg_color; + border-radius: $bt_radius; + padding: 4px 8px; + border: none; + font-weight: normal; + @include font(body); +} + +//search entry +%search-entry, .search-entry { + width: 320px - 8px * 2; + padding: 0 8px; + border: none; + color: $light_hint_fg_color; + caret-color: $light_alt_fg_color; + selection-background-color: $light_track_color; + selected-color: $light_alt_fg_color; + @include search_entry(normal, $fc:$light_track_color); + + &:focus { + @include search_entry(focus, $fc:$light_alt_fg_color); + padding: 0 8px; + border: none; + color: $light_alt_fg_color; + } + + .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: $light_hint_fg_color; + } + + &:hover, &:focus { + .search-entry-icon { color: $light_alt_fg_color; } + } + + &:insensitive { + border: none; + color: $light_disabled_fg_color; + } + + StLabel.hint-text { + color: $light_hint_fg_color; + } +} + +//search results + +// #searchResultsBin { +// max-width: 1000px; +// } + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { // This should be equal to #searchResultsContent spacing + spacing: 16px; + + .search-section-separator { + height: 1px; + background-color: $light_divider_color; + } +} + +.search-section-content { // This is the space between the provider icon and the results container + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: $light_alt_fg_color; +} + +.search-statustext { // "no results" + @extend %status_text; +} + +// Search results with icons +.grid-search-result { + @extend %app-well-app; +} + +// search result provider +.search-provider-icon { + @extend %app-well-app; + + // content + .list-search-provider-content { + spacing: 12px; + + // provider labels + .list-search-provider-details { + width: 120px; + margin-top: 0; + color: $light_hint_fg_color; + // font-weight: bold; + } + } +} + +.list-search-results { spacing: 3px; } + +.list-search-result-content { spacing: 30px; } +.list-search-result-title { @include font(subheading); color: $light_alt_fg_color; spacing: 12px; } +.list-search-result-description { color: $light_alt_fg_color; } +.list-search-provider-details { width: 150px; color: $light_alt_fg_color; margin-top: 0.24em; } +.list-search-provider-content { spacing: 20px; } +.search-provider-icon { padding: 15px; } + + +/* DASHBOARD */ + +#dash { + font-size: 1em; + color: $light_alt_fg_color; + background-color: $light_divider_color; + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px ($bd_radius * 1.5) ($bd_radius * 1.5) 0px; + + &:rtl { + border-radius: ($bd_radius * 1.5) 0 0 ($bd_radius * 1.5); + } + + .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; + } + + .empty-dash-drop-target { + width: 24px; + height: 24px; + } + +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { //osd tooltip + // min-height: 32px - 6px * 2; + border-radius: $bt_radius; + padding: 7px 8px; + color: $fg_color; + background-color: $base_color; + box-shadow: $shadow_2; + text-align: center; + border: none; + -x-offset: 8px; +} + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + + .overview-icon { icon-size: 96px; } +} +//.app-display { spacing: 20px; } + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight + background-color: $dark_bg_color; + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { //favorties | all toggle container + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} +.app-view-control { //favorties | all toggle button + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: $light_alt_fg_color; + background-color: rgba($light_alt_fg_color, 0.15); + &:hover { + color: $light_alt_fg_color; + background-color: rgba($light_alt_fg_color, 0.22); + } + &:active { + color: $light_alt_fg_color; + background-color: darken($primary_color, 3%); + } + &:checked { + color: $light_alt_fg_color; + background-color: $primary_color; + box-shadow: none; + } + &:first-child { + border-right-width: 0; + border-radius: $bt_radius 0 0 $bt_radius; +// &:checked { border-radius: 0; } + } + &:last-child { + border-radius: 0 $bt_radius $bt_radius 0; +// &:checked { border-radius: 0; } + } +} + +//Icon tile +.search-provider-icon, +.list-search-result { + @extend %icon_tile; + &:focus, &:selected, &:hover { + background-color: $light_divider_color; + transition-duration: 0ms; + } + &:active, &:checked { + background-color: $light_track_color; + transition-duration: $longer_duration; + } +} + +%app-well-app, +.show-apps, +.app-well-app, +.app-well-app.app-folder, +.grid-search-result { + & .overview-icon { + @extend %icon_tile; + } + &:hover .overview-icon, + &:focus .overview-icon, + &:selected .overview-icon { + background-color: $light_divider_color; + transition-duration: 0ms; + border-image: none; + background-image: none; + } + &:active .overview-icon, + &:checked .overview-icon { + background-color: $light_track_color; + box-shadow: none; + transition-duration: $longer_duration; + } +} + +.app-well-app-running-dot { //running apps indicator + width: 5px; height: 5px; + border-radius: 3px; + background-color: $light_alt_fg_color; + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: $primary_color; +} + +%icon_tile { + color: $light_alt_fg_color; + border-radius: $bd_radius * 1.5; + padding: 6px; + border: none; + transition-duration: $longer_duration; + text-align: center; +} + +.app-well-app.app-folder > .overview-icon { + background-color: $light_divider_color; +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/startup@2.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: $longer_duration; +} + + +// Collections +.app-folder-popup { //expanded collection + -arrow-border-radius: $bd_radius * 2; + -arrow-background-color: $light_divider_color; + -arrow-base: 0; + -arrow-rise: 12px; +} +.app-folder-popup-bin { padding: 5px; } +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; + + .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: $light_alt_disabled_fg_color; + } + &:hover .page-indicator-icon { + background-image: none; + background-color: $light_disabled_fg_color; + } + &:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: $light_alt_fg_color; + } + &:checked .page-indicator-icon { + background-image: none; + background-color: $light_alt_fg_color; + transition-duration: 0ms; + } + &:checked:active { background-image: none; } +} + +.no-frequent-applications-label { @extend %status_text; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; +} + +// App Folders + +// .app-folder { +// .overview-icon { } +// } + +// expanded folder +.app-folder-dialog { + border-radius: $bd_radius * 4; + border: none; + spacing: 12px; + background-color: rgba(#101010, 0.95); + + & .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + + & .folder-name-label, + & .folder-name-entry { + font-size: 18pt; + font-weight: bold; + } + + & .folder-name-entry { + @extend %search-entry; + } + + /* FIXME: this is to keep the label in sync with the entry */ + & .folder-name-label { padding: 5px 7px; color: $light_alt_fg_color; } + + & .edit-folder-button { + background-color: $light_divider_color; + color: $light_alt_fg_color; + border: none; + + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; + + & > StIcon { icon-size: 16px } + + &:hover { background-color: $light_divider_color; } + &:checked, &:active { background-color: $light_track_color; } + } + } + + & StButton#vhandle, + & StButton#vhandle:hover, + & StButton#vhandle:active { background-color: transparent; } +} +.app-folder-dialog-container { + padding: 12px; + width: 800px; + height: 600px; +} + +.app-folder-icon { + padding: $container_padding; + spacing-rows: $container_padding; + spacing-columns: $container_padding; +} + + // Workspace pager + .workspace-thumbnails { //container ala dash + @extend %overview-panel; + visible-width: 32px; //amount visible before hover + spacing: 12px; + padding: 16px; + border-radius: $bt_radius; + margin: 6px; + // border-width: 0; //fixme: can't have non unoform borders :( + // &:rtl { border-radius: $bt_radius; } + } + .workspace-thumbnail-indicator { + border: 0 solid $primary_color; + border-width: 2px; + padding: 6px; + border-radius: 2px; + } + + //Some hacks I don't even + .search-display > StBoxLayout, + .all-apps, + .frequent-apps > StBoxLayout { + // horizontal padding to make sure scrollbars or dash don't overlap content + padding: 0px 88px 10px 88px; + } + +%overview-panel { + color: $light_alt_fg_color; + background-color: $light_divider_color; + border: none; +} + +%status_text { + @include font(display-2); + color: $light_hint_fg_color; +} + +/* NOTIFICATIONS & MESSAGE TRAY */ + +.url-highlighter { link-color: $link_color; } + +// Banners +.notification-banner { + font-size: 1em; + width: 34em; + min-height: $menuitem_size * 2; + margin: 5px; + border-radius: $bt_radius; + color: $fg_color; + background-color: rgba($base_color, 0.92); + border: none; + box-shadow: $shadow_2; + &:hover { background-color: rgba($base_color, 0.95); } + &:focus { background-color: $base_color; } + + .notification-icon { padding: 5px; } + .notification-content { padding: 5px; spacing: 5px; } + .secondary-icon { icon-size: em(16px); } + .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid $borders_color; + spacing: 1px; + } + .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: $alt_fg_color; + font-weight: 500; + &:first-child { border-radius: 0 0 0 2px; } + &:last-child { border-radius: 0 0 2px 0; } + &:hover, &focus { background-color: $divider_color; color: $fg_color; } + &:active { background-color: $track_color; color: $fg_color; } + } +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: $primary_color; + color: $light_alt_fg_color; + border: 2px solid $primary_color; + box-shadow: 0 2px 2px rgba(0,0,0,0.5); + border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; +} + +.secondary-icon { icon-size: em(16px); } + +//chat bubbles +.chat-body { spacing: 5px; } +.chat-response { margin: 5px; } +.chat-log-message { color: $fg_color; } +.chat-new-group { padding-top: 1em; } +.chat-received { + padding-left: 4px; + &:rtl { padding-left: 0px; padding-right: 4px; } +} +.chat-sent { + padding-left: 18pt; + color: $alt_fg_color; + &:rtl { padding-left: 0; padding-right: 18pt; } +} +.chat-meta-message { + padding-left: 4px; + @include font(caption); + color: $hint_fg_color; + &:rtl { padding-left: 0; padding-right: 4px; } +} + +//hotplug +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; + &:focus { padding: 1px 71px 1px 11px; } +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: $bt_radius; + &:hover { background-color: $divider_color; } + &:active { background-color: $track_color; } +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: $bt_radius; + color: $fg_color; +} + +/* Eeeky things */ + +//magnifier + +.magnifier-zoom-region { + border: 2px solid $primary_color; + &.full-screen { border-width: 0; } +} + +//Keyboard +/* On-screen Keyboard */ +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(black, 0.25); +} + +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +// .keyboard-row { spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: $bt_radius; + border: none; + color: inherit; + background-color: $solid_bg_color; + box-shadow: 0 1px rgba(black, 0.2); + &:focus, &:hover { color: $light_alt_fg_color; background-color: $primary_color; } + &:checked, &:active { color: $light_alt_fg_color; background-color: darken($primary_color, 6%); } + &:grayed { //FIXME + background-color: $alt_dark_bg_color; + color: $light_alt_fg_color; + border-color: $alt_dark_bg_color; + } + + &.default-key { background-size: 20px; } // backspace button + &.default-key, + &.enter-key, + &.shift-key-lowercase, + &.shift-key-uppercase, + &.hide-key, + &.layout-key { + background-color: $alt_solid_bg_color; + box-shadow: 0 1px rgba(black, 0.2); + &:focus, &:hover { color: $light_fg_color; background-color: $solid_bg_color; } + &:checked, &:active { color: $light_fg_color; background-color: darken($solid_bg_color, 6%); } + } + &.enter-key { + background-color: $primary_color; + background-image: url("assets/key-enter.svg"); + &:focus, &:hover { color: $light_alt_fg_color; background-color: lighten($primary_color, 5%); } + &:checked, &:active { color: $light_alt_fg_color; background-color: darken($primary_color, 10%); } + } + &.shift-key-lowercase { + background-image: url("assets/key-shift.svg"); + } + &.shift-key-uppercase { + background-image: url("assets/key-shift-uppercase.svg"); + } + &.shift-key-uppercase:latched { + background-image: url("assets/key-shift-latched-uppercase.svg"); + } + &.hide-key { + background-image: url("assets/key-hide.svg"); + } + &.layout-key { + background-image: url("assets/key-layout.svg"); + } +} + +.keyboard-subkeys { //long press on a key popup + color: inherit; + -arrow-border-radius: $bt_radius; + -arrow-background-color: rgba(black, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: $shadow_2; +} + +// IBus Candidate Popup + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: $hint_fg_color; + .candidate-box:selected & { color: $light_hint_fg_color; } +} + +.candidate-box { + transition-duration: 0ms; // FIXME: needs more natural transitions + min-height: $menuitem_size; + padding: 0 8px; + border-radius: $bt_radius; + &:hover { background-color: $divider_color; color: $fg_color; } + &:active { background-color: $track_color; color: $fg_color; } + &:selected { background-color: $primary_color; color: $light_alt_fg_color; } +} + +.candidate-page-button-box { + height: $menuitem_size; + .vertical & { padding-top: 0; } + .horizontal & { padding-left: 0; } +} + +.candidate-page-button { + min-width: $menuitem_size; + min-height: $menuitem_size; + padding: 0; +} + +.candidate-page-button-previous { border-radius: $bt_radius; border-right-width: 0; } +.candidate-page-button-next { border-radius: $bt_radius; } +.candidate-page-button-icon { icon-size: em(16px); } + +/* Auth Dialogs & Screen Shield */ + +.framed-user-icon { + background-size: contain; + border: none; + color: $light_alt_fg_color; + border-radius: $bt_radius; + &:hover { + border-color: $light_alt_fg_color; + color: $light_alt_fg_color; + } +} + +// LOGIN DIALOG + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog { + //reset + border: none; + background-color: transparent; + + StEntry { + // color: $light_alt_fg_color; + selection-background-color: $track_color; + selected-background-color: $track_color; + selected-color: $primary_color; + padding: 3px 8px; + min-height: $small_size; + @include entry(normal); + &:focus { @include entry(focus); } + &:insensitive { @include entry(insensitive); } + } + + .modal-dialog-button-box { spacing: 3px; } + + .modal-dialog-button { + padding: 0 16px; + @include button(flat-normal, $tc: $light_alt_fg_color); + &:hover,&:focus { @include button(flat-hover, $tc: $light_alt_fg_color); } + &:active { @include button(flat-active, $tc: $light_alt_fg_color); } + &:insensitive { @include button(flat-insensitive, $tc: $light_alt_fg_color); } + + &:default { + @include button(normal, $c: $suggested_color, $tc: $light_alt_fg_color); + &:hover,&:focus { @include button(hover, $c: $suggested_color, $tc: $light_alt_fg_color); } + &:active { @include button(active, $c: $suggested_color, $tc: $light_alt_fg_color); } + &:insensitive { @include button(insensitive, $c: $light_divider_color, $tc: $light_disabled_fg_color); } + } + } + + .cancel-button, + .switch-user-button, + .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border-color: transparentize($bg_color, 0.7); + background-color: transparentize($bg_color, 0.7); + + StIcon { icon-size: 16px; } + } + + .caps-lock-warning-label, + .login-dialog-message-warning { + color: $light_alt_fg_color; + } +} + +.login-dialog-logo-bin { padding: 24px 0px; } +.login-dialog-banner { color: $light_alt_fg_color; } +.login-dialog-button-box { spacing: 5px; } +.login-dialog-message-warning { color: $warning_color; } +.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-button:hover & { + color: $light_fg_color; + } +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: $light_alt_fg_color; + padding-top: 1em; + &:hover { color: $light_alt_fg_color; } + &:focus { background-color: $light_divider_color; } +} + +.login-dialog-user-list-view { -st-vfade-offset: 1em; } +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; + &:expanded .login-dialog-user-list-item:selected { background-color: $light_divider_color; color: $light_alt_fg_color; } + &:expanded .login-dialog-user-list-item:hover { background-color: $light_divider_color; color: $light_alt_fg_color; } + &:expanded .login-dialog-user-list-item:active { background-color: $light_track_color; color: $light_alt_fg_color; } + &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } +} + +.login-dialog-user-list-item { + border-radius: $bt_radius; + padding: 6px; + color: $light_alt_fg_color; + &:ltr .user-widget { padding-right: 1em; } + &:rtl .user-widget { padding-left: 1em; } + &:hover { background-color: $light_divider_color; color: $light_alt_fg_color; } + &:active { background-color: $light_track_color; color: $light_alt_fg_color; } + .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: $light_alt_fg_color; + } + &:focus .login-dialog-timed-login-indicator { background-color: $light_alt_fg_color; } +} + +// .login-dialog-username, +.user-widget-label { + color: $light_alt_fg_color; +} + +.user-widget.horizontal .user-widget-label { + // @include font(title); + font-weight: bold; + text-align: left; + padding-left: 15px; + + &:ltr { padding-left: 14px; } + &:rtl { padding-right: 14px; } +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: $light_hint_fg_color; + font-size: 1em; + padding-top: 1em; +} + + +//SCREEN SHIELD + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: $shadow_1; +} + +.screen-shield-clock { + color: white; + text-shadow: $shadow_1; + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + @include font(display-4); + text-shadow: $shadow_1; +} + +.screen-shield-clock-date { @include font(display-2); } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; + .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; + } + + .notification, + .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: $alt_dark_bg_color; + color: $light_alt_fg_color; + border-radius: $bt_radius; + } + .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar +} + + +.screen-shield-notification-label { + min-height: $small_size - 2px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: $small_size - 2px; + padding: 2px 0px 0px 16px; + color: $light_alt_fg_color; +} + +#panel.lock-screen { background-color: $alt_dark_bg_color; } + +.screen-shield-background { //just the shadow, really + background: black; + box-shadow: $shadow_5; +} + +#lockDialogGroup { + background: #333333 url("assets/background.jpg"); + background-size: cover; +} + +#screenShieldNotifications { + StScrollBar { @extend %overview_scrollbar; } +} + + +// Looking Glass +#LookingGlassDialog { + background-color: $base_color; + spacing: 4px; + padding: 0; + border: none; + border-radius: $bt_radius; + box-shadow: $shadow_4; + & > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba($base_color, 0.01); + box-shadow: inset 0 -1px 0 $borders_color; + } + .labels { spacing: 0; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: $hint_fg_color; + transition-duration: $longer_duration; + padding-left: 16px; + padding-right: 16px; + min-height: $medium_size; + padding: 0 16px * 2; + &:hover { + box-shadow: inset 0 -2px 0px $track_color; + color: $fg_color; + text-shadow: none; + } + &:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba($base_color, 0.01); + box-shadow: inset 0 -2px 0px $light_alt_fg_color; + color: $fg_color; + text-shadow: none; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + + .lg-dialog { + StEntry { + selection-background-color: $primary_color; + selected-color: $light_alt_fg_color; + } + .shell-link { + color: $link_color; + &:hover { color: $link_color; } + } + } + + .lg-completions-text { + font-size: 1em; + font-style: italic; + } + + .lg-obj-inspector-title { + spacing: 4px; + } + + .lg-obj-inspector-button { + min-height: $medium_size; + padding: 0 16px; + border: none; + border-radius: $bt_radius; + @include font(button); + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-insensitive); } + &:focus { @include button(flat-focus); } + &:hover { border: none; } + } + + #lookingGlassExtensions { padding: 4px; } + + .lg-extensions-list { + padding: 4px; + spacing: 6px; + } + + .lg-extension { + border: none; + border-radius: $bt_radius; + padding: 4px; + } + + .lg-extension-name { + @include font(headline); + } + + .lg-extension-meta { + spacing: 6px; + } + + #LookingGlassPropertyInspector { + background: $base_color; + border: none; + border-radius: $bt_radius; + padding: 6px; + box-shadow: $shadow_4; + } diff --git a/src/sass/gnome-shell/_drawing.scss b/src/sass/gnome-shell/_drawing.scss new file mode 100644 index 0000000..262c5d1 --- /dev/null +++ b/src/sass/gnome-shell/_drawing.scss @@ -0,0 +1,238 @@ +// generic drawing of more complex things + +// provide font size in pt, with px fallback +@function pt($size: $root-font-size) { + @return ($size * 0.75 / 1px) + pt; +} + +// provide icon size in em, with px fallback +@function em($size: 16px) { + @return ($size / $root-font-size) + em; +} + +// Typography +// based on: +// https://material.io/guidelines/style/typography.html#typography-styles + +@mixin font($size) { + @if $size == display-4 { + // font-family: $large-font-family; + font-size: 112px; + font-weight: 300; + // line-height: 1; + } + + @if $size == display-3 { + // font-family: $large-font-family; + font-size: 56px; + font-weight: 400; + // line-height: 1; + } + + @if $size == display-2 { + // font-family: $large-font-family; + font-size: 45px; + font-weight: 400; + // line-height: 48px; + } + + @if $size == display-1 { + // font-family: $large-font-family; + font-size: 34px; + font-weight: 400; + // line-height: 40px; + } + + @if $size == headline { + font-size: pt(24px); + font-weight: 400; + // line-height: 32px; + } + + @if $size == title { + font-size: pt(20px); + font-weight: 500; + // line-height: 1; + } + + @if $size == subheading { + font-size: pt($subheading-size); + font-weight: 400; + // line-height: 24px; + } + + @if $size == body-2 { + font-size: pt($root-font-size); + font-weight: 500; + // line-height: 24px; + } + + @if $size == body-1 { + font-size: pt($root-font-size); + font-weight: 400; + // line-height: 20px; + } + + @if $size == caption { + font-size: pt(12px); + font-weight: 400; + // line-height: 1; + } + + @if $size == button { + font-size: pt($root-font-size); + font-weight: 500; + // line-height: 20px; + } +} + + +@mixin entry($t, $fc: $primary_color) { +// +// entry +// +// $t: entry type +// $fc: focus color +// + + @if $t == normal { + background-color: if($variant == 'light', darken($base_color, 2%), darken($base_color, 1%)); + border-radius: $bt_radius; + border: 1px solid $borders_color; + box-shadow: none; + } + + @if $t == focus { + border: 1px solid lighten($primary_color, 15%); + box-shadow: 0 0 0 1px lighten($primary_color, 15%); + } + + @if $t == insensitive { + color: $disabled_fg_color; + border: 1px solid rgba($borders_color, 0.06); + } +} + +@mixin search_entry($t, $fc: $primary_color) { +// +// search_entry +// +// $t: search_entry type +// $fc: focus color +// + + @if $t == normal { + background-color: rgba(white, 0.12); + border-radius: $bd_radius; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(white, 0.05); + } + + @if $t == focus { + border-color: transparent; + background-color: rgba(white, 0.18); + } + + @if $t == hover { + background-color: rgba(white, 0.2); + box-shadow: 1px 2px 3px rgba(black, 0.35); + } + + @if $t == insensitive { + color: $disabled_fg_color; + box-shadow: none; + } +} + +@mixin button($t, $c: $base_color, $tc: $fg_color) { +// +// button +// +// $t: button type +// $c: base color +// $tc: text color +// + + @if $t == normal { + color: if($tc == $fg_color, $button_fg_color, $tc); + background-color: $c; + border: 1px solid $button_borders; + + text-shadow: none; + icon-shadow: none; + } + + @if $t == focus { + color: $tc; + text-shadow: none; + icon-shadow: none; + } + + @if $t == hover { + color: $tc; + border-color: $button_borders_hover; + background-color: if($variant=='light', darken($c, 3%), lighten($c, 3%)); + text-shadow: none; + icon-shadow: none; + } + + @if $t == active { + color: $light_fg_color; + background-color: $primary_color; + border-color: $button_borders_active; + text-shadow: none; + icon-shadow: none; + } + + @if $t == insensitive { + color: if($tc == $fg_color, $disabled_fg_color, $tc); + background-color: if($c == $base_color, $divider_color, $c); + border-color: if($variant == 'light', $button_border, $dark_borders_color); + text-shadow: none; + icon-shadow: none; + } + + @if $t == flat-normal { + color: if($tc != $light_fg_color, $alt_fg_color, $light_alt_fg_color); + background-color: transparent; + border-color: transparent; + box-shadow: $shadow_0; + text-shadow: none; + icon-shadow: none; + } + + @if $t == flat-focus { + color: if($tc != $light_fg_color, $fg_color, $light_fg_color); + text-shadow: none; + icon-shadow: none; + box-shadow: $shadow_0; + // box-shadow: inset 0px 0px 0px 2px $divider_color; + } + + @if $t == flat-hover { + color: if($tc != $light_fg_color, $fg_color, $light_fg_color); + background-color: if($tc != $light_fg_color, $divider_color, $light_divider_color); + border-color: transparent; + box-shadow: $shadow_0; + text-shadow: none; + icon-shadow: none; + } + + @if $t == flat-active { + color: if($tc != $light_fg_color, $fg_color, $light_fg_color); + background-color: if($tc != $light_fg_color, $track_color, $light_track_color); + border-color: transparent; + box-shadow: $shadow_0; + text-shadow: none; + icon-shadow: none; + } + + @if $t == flat-insensitive { + color: if($tc != $light_fg_color, $disabled_fg_color, $light_alt_disabled_fg_color); + background-color: transparent; + border-color: transparent; + box-shadow: $shadow_0; + text-shadow: none; + icon-shadow: none; + } +} diff --git a/src/sass/gnome-shell/_extensions.scss b/src/sass/gnome-shell/_extensions.scss new file mode 100644 index 0000000..7b9d71f --- /dev/null +++ b/src/sass/gnome-shell/_extensions.scss @@ -0,0 +1,252 @@ +// Dash to Dock + +$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25)); +$dash_panel_fg: if($variant == 'light', black, white); + +#dashtodockContainer { + background: transparent; + + .app-well-app-running-dot { + background-color: $dash_panel_fg; + } + + #dash, + &:overview #dash, + &.extended #dash, + &.extended:overview #dash { + padding: 0; + border: none; + margin: 0; + } + + @each $_dock, $_radius in (top, $wm_radius), + (bottom, $wm_radius), + (left, $wm_radius), + (right, $wm_radius) { + &.#{$_dock} #dash, + &.#{$_dock}:overview #dash { border-radius: #{$_radius}; } + + &.#{$_dock}.extended #dash, + &.#{$_dock}.extended:overview #dash { border-radius: #{$_radius}; } + } + + &.top, &.bottom { + #dash { padding: 0 4px; } + } + + &.left, &.right { + #dash { padding: 4px 0; } + } + + #dash { // default-mode + background-color: $dash_panel_bg; + box-shadow: inset 0 0 0 1px rgba(white, 0.05); + + .app-well-app-running-dot { + background-color: rgba($dash_panel_fg, 0.85); + } + + StWidget.focused .app-well-app-running-dot { + background-color: $primary_color; + } + } + + &.opaque #dash { // solid-mode + background-color: $dash_panel_bg; + } + + &.transparent #dash { // translucent-mode + background-color: $dash_panel_bg; // does not work + } + + &:overview #dash { // overview-mode #1 + background-color: $light_divider_color; + + .app-well-app-running-dot { + background-color: $light_alt_fg_color; + } + + StWidget.focused .app-well-app-running-dot { + background-color: $primary_color; + } + } + + &.opaque:overview, + &.transparent:overview { // overview-mode #2 + #dash { + background-color: transparent !important; + box-shadow: none !important; + } + } + + &.extended:overview, // overview-mode #3 + &.opaque.extended:overview, + &.transparent.extended:overview { + #dash { + background-color: $dash_panel_bg; + } + } + + .app-well-app, + .show-apps { + .overview-icon { + padding: 8px; + background-size: contain; + } + } +} + + +// Simple Dock + +#dash:desktop { + background-color: $dash_panel_bg; +} + +// OpenWeather Extension + +.openweather { + &-button, + &-button-action, + &-menu-button-container, + &-button-box { + border: 1px solid transparent; + } + + &-provider { + // generic text buttons are allocated with y-expand-ed + padding: 0 16px; + font-weight: 500; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:focus { @include button(flat-focus); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-disabled); } + } + + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: $fg_color; + } + + &-databox-values { + background: none; + color: $hint_fg_color; + } + + &-databox-captions { + background: none; + color: $hint_fg_color; + } + } + + &-forecast { + &-icon, + &-summary { + background: none; + color: $alt_fg_color; + } + + &-day, + &-temperature { + background: none; + color: $hint_fg_color; + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: $alt_fg_color; } +} + +// GPaste + +.popup-menu { + .search-entry { + color: $fg_color; + selection-background-color: $primary_color; + selected-color: $light_fg_color; + @include entry(normal); + + &:focus { + @include entry(focus); + color: $fg_color; + } + + .search-entry-icon { color: $hint_fg_color; } + + &:hover, &:focus { + .search-entry-icon { color: $fg_color; } + } + } +} + +// * Workspaces-to-dock * + +/* shortcuts panel button window count indicators */ +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/right-running1.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/left-running1.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/top-running1.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 { + background-image: url("assets/dash/bottom-running1.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/right-running2.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/left-running2.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/top-running2.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 { + background-image: url("assets/dash/bottom-running2.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/right-running3.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/left-running3.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/top-running3.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 { + background-image: url("assets/dash/bottom-running3.svg"); +} + +#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/right-running4.svg"); +} + +#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/left-running4.svg"); +} + +#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/top-running4.svg"); +} + +#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 { + background-image: url("assets/dash/bottom-running4.svg"); +} diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss new file mode 100644 index 0000000..4861b15 --- /dev/null +++ b/src/sass/gtk/_applications.scss @@ -0,0 +1,3370 @@ + +// +// GNOME Terminal, MATE Terminal +// + +.mate-terminal { + notebook { + > header.top { + > tabs > tab { + border-top: 1px solid transparent; + } + } + } +} + +terminal-window { + &.background.csd { + border-radius: 0 0 0 0; + } + + decoration { + border-radius: $wm_radius $wm_radius 0 0; + } + + notebook { + button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; + } + } + + &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization +} + +window.background.csd { // gnome-terminal 3.32 setting + > box.vertical > box.horizontal > frame { + > border { + border-width: 0 1px 0 0; + } + + > scrolledwindow > viewport.frame { + list { + border-bottom-left-radius: $wm_radius; + } + } + } + + > box.vertical > box.horizontal > stack { + > widget > notebook.frame { + border-width: 0; + + > stack { + border-bottom-right-radius: $wm_radius; + } + } + } +} + +// +// Nautilus +// + +.nautilus-window headerbar { + .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; + + .linked.nautilus-path-bar { // for ≥ 3.31.90 + > button:not(:only-child):last-child { + @include button(header-checked); + } + } + + // workaround for 3.30.1 + &.background.frame { + border: none; + background-color: transparent; + } + } +} + +.nautilus-canvas-item { border-radius: 5px; } + +// .view.nautilus-desktop, +%nautilus-desktop-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: white; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix($fg_color, $bg_color, 50%); + + &:selected, + &:selected:focus { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +$nautilus_radius: $wm_radius + 2px; +$nautilus_sidebar_size: 180px; +$nautilus_image: linear-gradient(90deg, $dark_sidebar_bg 0%, + $dark_sidebar_bg $nautilus_sidebar_size, + darken($dark_sidebar_bg, 15%) ($nautilus_sidebar_size + 1px), + $base_color ($nautilus_sidebar_size + 1px), + $base_color 100%); + +.nautilus-window { + border-radius: $wm_radius $wm_radius $nautilus_radius $nautilus_radius; + + &.background.csd { + background-color: transparent; + background-image: $nautilus_image; + + > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(white, 0.1); + background: none; + background-image: $nautilus_image; + + > .linked.raised > button:first-child { margin-left: $nautilus_sidebar_size - 72px; } + } + } + + notebook { + margin-left: -1px; + margin-right: -1px; + + &.background.csd { background-color: transparent; } + + tab { margin-left: -1px; } + + scrolledwindow { + .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + // @extend %view; + } + } + + &, > stack { + border-radius: 0 0 $nautilus_radius $nautilus_radius; + } + + > stack:not(:only-child) { + searchbar { background-color: transparent; } + } + } + + // Floating Bar + .floating-bar { + padding: 2px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: $wm_radius - 6px; + margin: 6px; + box-shadow: $shadow_5; + + button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; + @extend %selected-button; + } + } + + // Reset maximized nautilus-window border-radius + &.maximized { + notebook { + &, > stack { + border-radius: 0 0 0 0; + } + } + } +} + +.nautilus-list-view { + background-color: $base_color; + border-radius: 0 0 $wm_radius $wm_radius; + + treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; + // @extend %view; + } +} + +button.nautilus-circular-button.image-button { + @extend %circular_button; +} + +$disk_space_unknown: transparentize($fg_color, 0.5); +$disk_space_used: transparentize($selected_bg_color, 0.2); +$disk_space_free: darken($bg_color, 3%); + +.disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: darken($disk_space_unknown, 10%); + } + + &.used { + background-color: $disk_space_used; + border-color: darken($disk_space_used, 10%); + } + + &.free { + background-color: $disk_space_free; + border-color: darken($disk_space_free, 10%); + } +} + +@keyframes needs_attention_keyframes { + 0% { + @include button(header-hover); + } + + 100% { + @include button(header-active) + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +// Batch renaming dialog +.conflict-row.activatable { + &, &:active { + color: $light_fg_color; + background-color: $error_color; + } + + &:hover { + background-color: lighten($error_color, 10%); + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Nemo +// +.nemo-desktop.nemo-canvas-item { + @extend %nautilus-desktop-canvas-item; +} + +.nemo-window { + .nemo-places-sidebar { + &.frame { border-width: 0; } + + .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: $dark_solid_borders_color; + -NemoPlacesTreeView-disk-full-fg-color: lighten($progress_color, 5%); + } + } + + .sidebar { + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + + scrolledwindow.frame { border: none; } // Removed treeview double borders + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + @extend %row_activatable; + + &.cell:selected { + color: $fg_color; + background-color: $sidebar_theme_color; + } + + &.expander { + color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%); + + &:hover { color: $dark_sidebar_fg; } + } + } + } + + paned > separator { background-image: image($solid_borders_color); } + + notebook { + background-color: $base_color; + } + + // Rename entry + .nemo-window-pane widget.entry { + border: 2px solid if($variant =='light', $entry_highlight, $selected_bg_color); + background-color: $entry_bg; + border-radius: $bt_radius; + box-shadow: none; + + &:selected { + @extend %selected_items; + + &:focus { @extend %selected_items; } + } + } + + .toolbar { + > button { + margin-top: 2px; + margin-bottom: 2px; + @extend %flat_button; + } + } + + .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: $header_fg; + box-shadow: inset 0 -1px $borders_color; + background-color: $header_bg; + + button { + @extend %headerbar_buttons; + padding-top: 0; + padding-bottom: 0; + margin-top: 6px; + margin-bottom: 6px; + } + + entry { + @extend %headerbar_entrys; + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; + } + + .linked.raised > button { + border-radius: $bt_radius; + } + + // Pathbar + .linked.path-bar { + > button, > button.image-button { + min-height: 0; + min-width: 20px; + padding-top: 0; + padding-bottom: 0; + } + } + } + + // Floating Bar + .floating-bar { + padding: 2px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 0; + border: none; + + &.bottom.left { + border-top-right-radius: $bt_radius; + } + + &.bottom.right { + border-top-left-radius: $bt_radius; + } + + button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; + @extend %undecorated_button; + @extend %selected-button; + } + } +} + +// Cinnamon setting +.view.cs-category-view { border-bottom-right-radius: $wm_radius; } + + +// +// Gedit +// +window.org-gnome-gedit { + > paned.titlebar { + > headerbar { + // &:first-child { @extend %side_headerbar_left; } + // &:last-child { @extend %side_headerbar_right; } + + button.flat.toggle.popup:not(.image-button) { // left-pane header button + @extend %headerbar_buttons; + + box > .title { + padding: 0; // remove lateral padding + margin: -2px 0; + } + } + } + + > separator { @extend %side_separator; } + } + + > overlay > box.vertical { + > paned.gedit-side-panel-paned { + > separator { @extend %side_separator; } + + // 'file-browser' pane + > box.vertical > stack > grid.horizontal { + > box.horizontal { // header-part + margin: 4px 0; + } + + > scrolledwindow { // raised widget + border-bottom-left-radius: $wm_radius; + + treeview.view:not(:hover):not(:selected) { + background: none; + } + } + } + + // 'files' pane + stack { + scrolledwindow { + viewport.frame { + list.gedit-document-panel { + background: none; + } + } + } + } + } + } +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: $base_color; // disable borders, making them transparent doesn't work for some reason + &:hover { + background-color: mix($fg_color, $base_color, 7%); + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +.open-document-selector-name-label { color: $fg_color; } + +.open-document-selector-path-label { + color: mix($fg_color, $base_color, 50%); + font-size: smaller; + + &:selected { + color: transparentize($selected_fg_color, 0.1); + } +} + +.gedit-document-panel { // 'documents' pane + + row.activatable { padding: 6px 0; } + + row button { // 'close' button + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; + + image { + color: inherit; + } + } + + row:hover:not(:selected) button { + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: lighten(red, 15%); + } + &:active { + color: $fg_color; + } + } + + row:hover:selected button:hover { + color: lighten(red, 20%); + + &:active { + color: $selected_fg_color; + } + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; + border-radius: 0 0 $wm_radius $wm_radius; +} + +.gedit-search-slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 $bt_radius $bt_radius; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame { + border { + @if $variant=='light' { + border-color: transparentize(black, 0.7); + } + border-width: 0; + + &:dir(ltr) { + border-left-width: 1px; + } + &:dir(rtl) { + border-right-width: 1px; + } + } +} + + +// +// Pluma +// +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + + border-top: none; + border-bottom: none; + border-radius: 0; +} + +// +// Gnome Builder +// +// TODO: Merge this with the upstream stylesheet +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; + + headerbar { + &, + &:first-child, + &:last-child { + border-radius: $wm_radius $wm_radius 0 0; + } + } +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: $selected_bg_color; +} + +layouttab { + background-color: $base_color; +} + +layout { + border: 1px solid $borders_color; + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid $borders_color; +} + +pillbox { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 3px; + + &:disabled label { + color: transparentize($selected_fg_color, 0.5) + } +} + +docktabstrip { + padding: 0 6px; + + background-color: $bg_color; + border-bottom: 1px solid $borders_color; + + docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; + + label { + opacity: 0.5; + } + + &:checked, + &:hover { + label { + opacity: 1; + } + } + + &:checked { + border-color: $borders_color; + background-color: $base_color; + } + } +} + +dockbin { + border: 1px solid $borders_color; + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid $borders_color; +} + +dockoverlayedge { + background-color: $bg_color; + + docktabstrip { + padding: 0; + border: none; + } + + &.left-edge tab:checked, + &.right-edge tab:checked { + border-width: 1px 0; + } +} + +popover.messagepopover { + &.background { + padding: 0; + } + + .popover-content-area { + margin: 16px; + } + .popover-action-area { + margin: 8px; + + button:not(:first-child):not(:last-child) { + margin: 0 4px; + } + } +} + +popover.popover-selector { + padding: 0; + + list { + row { + padding: 5px 0; + } + + row image { + margin-left: 3px; + margin-right: 10px; + } + } +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid $borders_color; + border-bottom: 1px solid $borders_color; + border-radius: 0; +} + +preferences stacksidebar.sidebar { + list { + background-image: _solid($base_color); + } + + list separator { + background-color: transparent; + } +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: $borders_color +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + @include entry(header-normal); + border-left: none; + + &:backdrop { + @include entry(header-normal); + // background-image: none; + + opacity: 0.65; + } +} + +entry.search.preferences-search { // preferences-search + box-shadow: none; + + &:focus { + box-shadow: none; + border-bottom: 1px solid $selected_bg_color; + } +} + +preferencesbin { + spinbutton { + border-radius: $wm_radius; + border: 1px solid $borders_color; + background-color: $bg_color; + + &:focus { border-color: $selected_bg_color; } + + entry, + entry:focus { border: none; box-shadow: none; } + + button { + border-width: 0 0 0 1px; + + // &:first-child { + // border-left: 1px solid $borders_color; + // } + } + } + + entry.search { margin: 2px; } +} + +gstyleslidein { + #scale_box, + #strings_controls, + #palette_controls, + #components_controls { + button.toggle:checked { + color: $fg_color; + } + } +} + +configurationview { + entry.flat { + background: none; + } + + list { + border-width: 0; + } +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton { + > box.vertical > dzlmenubuttonsection.vertical { + > box.vertical > button.dzlmenubuttonitem { + color: $alt_fg_color; + + &:active, &:checked { + color: $fg_color; + background-color: rgba($fg_color, 0.25); + } + + > box.horizontal > box.horizontal { + > label.title { + color: $fg_color; + } + } + } + } +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar { + > headerbar > omnibar { + > .linked > entry { + min-height: 0; + + > overlay > box.horizontal > box.vertical.pan { + > button { + min-height: 0; + } + } + } + } +} + +// +// Gnome-Logs +// +window.background > box.vertical box.horizontal { + list.categories { border-radius: 0 0 0 $wm_radius; } // side-pane + > box.vertical > scrolledwindow > viewport.frame > list { + row.event.activatable { // > 3.25.90 + color: $fg_color; + transition-duration: 0.1s; + &:hover, &:active { color: $fg_color; } + + label.compressed-entries-label { + // hard-coded background-color? + background-image: image($suggested_color); + color: $selected_fg_color; + font-weight: 700; + } + + &.compressed-row { + background-image: image(darken($bg_color, 3%)); + color: darken($fg_color, 20%); + transition-property: opacity, // exclude background-color + border-image, + background-image, + box-shadow; + &:hover { + background-image: image(mix($fg_color, $bg_color, 5%)); + color: $fg_color; + } + &:active { + &, &:focus { + background-image: image(mix($fg_color, $bg_color, 10%)); + color: $fg_color; + animation: none; + } + } + + &.popover-activated-row { + background-image: image($selected_bg_color); + color: $selected_fg_color; + } + + &-header { + background-image: image($base_color); // stop highlighting + color: $selected_bg_color; + &:hover { + background-image: image(mix($selected_bg_color, $base_color, 5%)); + } + &:active { + &, &:focus { + background-image: image(mix($selected_bg_color, $base_color, 10%)); + color: $selected_bg_color; + animation: none; + } + } + + label.compressed-entries-label { + background-image: image($selected_bg_color); + color: $selected_fg_color; + transition-duration: 0s; + } + } + } + } + } +} + +// +// Gnome-Usage +// + +// FIXME: why was 'adwaita.css' used for all user-themes? :/ +widget { + &#PROCESSOR, + &#MEMORY { + list { + row { + margin: -1px; // kill ugly parent borders + border: 1px solid $solid_borders_color; + + &.max { + color: $osd_bg_color; // enforce dark foreground + // FIXME: we can't override the salmon-pinky background + // background-image: image($destructive_color); + // border: 1px solid $destructive_color; + } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_borders_color; + } + } + } + + &#STORAGE { + list { + margin: -1px; // kill ugly borders + + row.activatable { + color: rgba($fg_color, 0.75); + &:hover, + &:active { color: rgba($fg_color, 0.75); } + } + + // kill ugly separators + separator.list { + box-shadow: inset 0 0 0 1px $solid_borders_color; + } + } + } + + &#PERFORMANCE { + searchbar { + box-shadow: inset 0 -2px $borders_color, inset 0 -1px $bg_color; // Removed double borders under headerbar + entry, button { margin-bottom: 2px; } + } + + .sidebar { + background-color: $base_color; + border-bottom-left-radius: $wm_radius; + } + } +} + +graph-switcher-button.toggle { + color: rgba($fg_color, 0.75); + font-weight: 500; + &:hover { // use opaque + color: $fg_color; + background-image: image(if($variant == 'light', rgba(black, 0.05), rgba(white, 0.03))); + } +} + +rg-graph.big { + // FIXME: We need to re-define these properties to prevent weird + // 'non-repeated' imaging behind the main graph. + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer { + // FIXME: 'outter' meant 'outer'? + // circular progress should be drawn with our $accent_color though, + // damned adwaita.css picks @theme_selected_bg_color up. + &-outter { opacity: 0.8; } // reduce alpha for our troughs + + &-content-area { // cover up meter troughs with selection colour + box-shadow: 0 0 0 4px rgba($selected_bg_color, 0.2); + } +} + +// +// Gnome Documents +// + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; +} + +%documents-collection-icon, +.documents-collection-icon { + background-color: transparentize($fg_color, 0.7); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: lighten($selected_bg_color, 20%); +} + +%documents-entry-tag, +.documents-entry-tag { + color: $selected_fg_color; + background: $selected_bg_color; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { + color: $selected_fg_color; + background: lighten($selected_bg_color, 4%); + } + &:active { + color: $selected_fg_color; + background: darken($selected_bg_color, 4%); + } + &.button { + box-shadow: none; + border: none; + background-color: transparent; + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Gnome Photos +// +.photos-entry-tag { + @extend %documents-entry-tag; +} + +.photos-collection-icon { + @extend %documents-collection-icon; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +%side_headerbar_left { + background-image: none; + background-color: rgba($dark_sidebar_bg, 1); + box-shadow: inset 0 1px $highlight_color; + border: none; +} + +%side_headerbar_right { + background-image: none; + background-color: rgba($base_color, 1); + box-shadow: inset 0 1px $highlight_color; + border: none; +} + +%side_searchbar { + background-color: $dark_sidebar_bg; + + > revealer > box { + border-color: if($variant == 'light', $solid_borders_color, $header_border); + } +} + +%side_separator { + &, &:backdrop { + background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); + background-color: transparent; + border-right: none; + } +} + +$list_shadow: if($variant == 'light', + (inset 0 0 8px rgba(black, 0.02), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), + (inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); + +%circular_list { + border-radius: $wm_radius; + box-shadow: $list_shadow; + background-color: if($variant == 'light', rgba(black, 0.03), rgba(white, 0.05)); + border: none; + + > separator { background: none; min-height: 0; } +} + +%circular_row { + &:first-child { + border-top-left-radius: $wm_radius; + border-top-right-radius: $wm_radius; + } + + &:last-child { // Not use ? + border-bottom-left-radius: $wm_radius; + border-bottom-right-radius: $wm_radius; + } + + &:only-child { + border-radius: $wm_radius; + } +} + +%sidebar_row { + margin: 2px 4px; + border-radius: $wm_radius - 4px; +} + +// +// Gnome Tweak Tool ( Gnome tweaks ) +// + +hdyleaflet { + frame > border { border: none; } + + frame:not(.view) list:not(.contacts-contact-list) { // Don't set this to Gnome-Contacts + @extend %circular_list; + + row.activatable { + @extend %circular_row; + + .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; + } + } + } + + frame.view { + @extend %circular_list; + + list { + background: none; + + > separator { + background: none; + min-height: 0; + } + + row.activatable { @extend %circular_row; } + } + } + + list.view.frame { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + + list > row.activatable { @extend %sidebar_row; } +} + +list { + &.tweak-group { + list { + @extend %circular_list; + + row.activatable { @extend %circular_row; } + } + } +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +// Themed side headerbar +.titlebar > headerbar.titlebar.tweak-titlebar-left { + @extend %side_headerbar_left; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-right { + @extend %side_headerbar_right; +} + +// separator of sidebar on Gnome contol center and Gnome tweaks +window.background.csd { + > hdyleaflet { + > separator.vertical { + @extend %side_separator; + } + + > box.vertical { + > searchbar { + @extend %side_searchbar; + } + } + } + + > hdyleaflet > box.vertical > stack.main-container { // Right side + background-color: $base_color; + border-bottom-right-radius: $wm_radius; + } +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: $base_color; +} + +.tweak-group-startup { + @extend %circular_list; + + row.tweak-startup:not(:hover):not(:selected) { + background: none; + } +} + +// Themed left sidebar +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +// sidebar on gnome tweak +.tweak-categories { + background-image: none; + background-color: rgba($dark_sidebar_bg, 1); + border-radius: 0 0 0 $wm_radius; + + > separator { + min-width: 0; + min-height: 0; + background: none; + } +} + +// +// Gnome Control Center +// +window.background.csd { + > box.titlebar.horizontal { + > headerbar:first-child { + @extend %side_headerbar_left; + } + + > headerbar:last-child { + @extend %side_headerbar_right; + } + } + + > headerbar.titlebar { // gnome 3.32 or later + > box.horizontal > headerbar:first-child, + > hdyleaflet > headerbar:first-child { + @extend %side_headerbar_left; + } + + > box.horizontal > headerbar:last-child, + > hdyleaflet > headerbar:last-child { + @extend %side_headerbar_right; + } + + > box.horizontal > separator.sidebar, + > hdyleaflet > separator.sidebar { + @extend %side_separator; + } + } + + > stack { + border-radius: 0 0 $wm_radius $wm_radius; + } + + > box:not(.titlebar).horizontal > separator.vertical { + @extend %side_separator; + } + + > hdyleaflet > stack.background, // > 3.34.0 + > box.horizontal > stack.background { + background-color: $base_color; + border-bottom-right-radius: $wm_radius; + + > widget { + > box.horizontal > box.horizontal > box.vertical { + > button { // wallpaper set button + &:active { + color: $fg_color; + background-image: none; + background-color: if($variant=='light', darken($button_bg, 15%), lighten($button_bg, 10%)); + border-color: $dark_borders_color; + } + } + } + + > box.vertical > box.vertical { // Gnome 3.34 Wallpaper setting + > scrolledwindow > viewport.frame { + background-color: $base_color; + border-bottom-right-radius: $wm_radius + 1px; + + > box.vertical { + background: none; + } + } + } + } + } + + > hdyleaflet > box.vertical > scrolledwindow.view, // > 3.34.0 + > box.horizontal > box.vertical > scrolledwindow.view { // > 3.25.90 + background-color: $dark_sidebar_bg; + border-bottom-left-radius: $wm_radius + 1px; + + > viewport.frame > stack { + background-color: transparent; + + list { // left-pane + background-color: transparent; + + separator { background: none; } + + row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; + } + } + } + } +} + +box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar { // reset + @extend %side_separator; +} + +// +// Gnome system monitor +// +window#gnome-system-monitor.background.csd { + > box.vertical > stack { + background-color: $base_color; + border-radius: 0 0 $wm_radius $wm_radius; + + > box.vertical > scrolledwindow { + treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; + } + } + } +} + +// +// gnome-sound-recorder +// +stack { + > grid.vertical { + > scrolledwindow { + border: none; + border-radius: 0 0 $wm_radius $wm_radius; + + > viewport.frame { + list { + border-radius: 0 0 $wm_radius $wm_radius; + } + } + } + + scrolledwindow.frame.emptyGrid { border: none; } // Removed ugly borders + } +} + +// +// Gnome Contacts +// +window.background.csd { + > headerbar.titlebar.selection-mode { + > hdyleaflet > headerbar { + color: $header_fg; + + > button { @extend %headerbar_buttons; } + } + } + + > overlay > grid.horizontal { + > frame:dir(ltr) > border { // Removed ugly borders + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; + } + + > overlay > stack > box.horizontal > grid.horizontal { + > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: $wm_radius + 1px; + } + } + } + + > overlay > hdyleaflet { + > stack > frame > grid.vertical { + background-color: $dark_sidebar_bg; + border-bottom-left-radius: $wm_radius; + + // list.contacts-contact-list {} + } + + > separator.sidebar { + @extend %side_separator; + } + + > overlay > scrolledwindow > viewport.frame > hdycolumn { + > stack > box.horizontal > box.vertical > box.horizontal { + > button.image-button { + @extend %circular_button; + padding: 2px; + } + } + } + } +} + +entry.contacts-postal-entry { + // background-color: transparent; + @extend %Linked_entrys; + + &:focus { + @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $entry_highlight; } + @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $entry_highlight; } + } +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { border-top-color: $entry_highlight; } + +// +// Gnome Web +// +stack#titlebar_container.titlebar { + > stack > headerbar { + border: none; + + entry.suggestion.url_entry { + box-shadow: inset 0 0 0 2px transparent; + + &:hover { + box-shadow: inset 0 0 0 1px rgba($borders_color, 0.03), inset 0 0 0 2px transparent; + transition-duration: 200ms; + } + + &:focus { + box-shadow: inset 0 0 0 2px $entry_highlight; + transition-duration: 300ms; + } + } + } +} + +notebook.main-notebook { + > header.top { + margin-top: 0; + + tabs > tab { + &:checked { + border-top-color: $header_bg; + } + } + } +} + +// +// Polari +// +stack.view.polari-entry-area { + background-color: $bg_color; + border-top: 1px solid $borders_color; + + button.popup.flat.toggle.polari-nick-button { + &:hover { + background-color: rgba($fg_color, 0.15); + box-shadow: none; + background-image: none; + } + + &:active, &:checked { + background-color: rgba($fg_color, 0.25); + box-shadow: none; + background-image: none; + } + } +} + +stack:disabled.view.polari-entry-area { background-image: image($bg_color); } + +// +// Transmission +// +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; // Remove black border on over- and undershoot +} + +// +// Atril (MATE pdf viewer) +// +.atril-window .primary-toolbar toolbar { + background: none; +} + +// +// Gnome Flashback +// +#gf-bubble, +#gf-osd-window, +#gf-input-source-popup, +#gf-candidate-popup { + &, &.solid { + color: lighten($osd_fg_color, 7%); + background-color: $osd_bg_color; + border: 1px solid darken($osd_bg_color, 8%); + border-radius: 2px; + } + + levelbar { + block { + &.low, &.high, &.full { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + + &.empty { background-color: darken($osd_bg_color, 5%); } + } + + trough { background: none; } + } // FIXME still needs button styling +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } +} + +gf-candidate-box { + label { + padding: 3px; + } + + &:hover, + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } +} + +// +// * rhythmbox * +// + +// add top-border to inline-toolbar +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px $borders_color; + padding: 4px; + background-color: darken($bg_color, 3%); + + button.image-button { +// min-width: 24px; +// min-width: 24px; +// padding: 2px; + @if $variant == 'dark' { border: none; } + &:active, &:checked { @include button(flat-active); border-color: $borders_color; } + + > widget > box > image { padding: 0; } + } +} + +// tweak sidebar styling +.sidebar-paned { + scrolledwindow { border: none; } + + // treeview.view.sidebar { } +} + +// tweak border and frame in alt-toolbar +window.csd > box.vertical > box.vertical, +window.solid-csd > box.vertical > box.vertical { + > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid $borders_color; + border-bottom: none; + box-shadow: none; + background-color: transparent; + + > toolitem > .linked > button, + > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + @if $variant == 'dark' { border: none; } + // &:hover { @include button(flat-hover); } + &:active, &:checked { @include button(flat-active); border-color: $borders_color; } + } + } + + > frame { + margin: -1px 0; + padding: 0; + + > border { border: none; } + } +} + +// hard-coded spacing depends on non-scalable unit, +// seems cover-art widget is the most biggest thing? +window.background > box.vertical > toolbar.primary-toolbar { + > toolitem { + > .linked > button.image-button.raised { // 'shuffle/repeat' + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; + @if $variant == 'dark' { border: none; } + // &:hover { @include button(flat-hover); } + &:active, &:checked { @include button(flat-active); border-color: $borders_color; } + > widget > box > image { padding: 0; } + } + + button.flat.scale { // 'volume' + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; + } + + > box.horizontal:not(.linked) > button.toggle, + > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; + @if $variant == 'dark' { border: none; } + // &:hover { @include button(flat-hover); } + &:active, &:checked { @include button(flat-active); border-color: $borders_color; } + } + } +} + + /******************** + * Gnome Calculator * + ********************/ +window.background { + > headerbar.titlebar { // mode-selector button + > button.flat.popup.toggle.text-button.title { + // .title class existed + margin: 6px 0; // set standard margins + + > grid > widget { // down arrow + padding-top: 3px; + // add spacing between arrow and label + &:dir(ltr) { padding-left: 4px; } + &:dir(rtl) { padding-right: 4px; } + } + } + } + + > grid.vertical > box.vertical > widget, + > grid.vertical > box.vertical > box.vertical > widget, + > grid.vertical > box.vertical grid.math-buttons { + button { + font-weight: 700; + + &:not(.suggested-action) { + &:active { @include button(flat-active); border-color: $borders_color; } + &:checked { @include button(flat-checked); border-color: $borders_color; } + } + + &.suggested-action { // '=' button + } + } + } +} + +/************ + * Epiphany * + ************/ + +$question_bg_color: #FFEA00; + +// incognito-mode styling +// +// most of widget styling are hard-coded by ephy's stylesheet, +// but we should force using dark foregrounds at least... + +headerbar.titlebar.incognito-mode { + entry { + @include entry(header-normal); + + &:focus { @include entry(header-focus); } + &:disabled { @include entry(header-insensitive); } + } +} + +// reset inverted foreground colour +notebook > box > stack > box.vertical > paned.vertical > overlay { + > .floating-bar { color: rgba($fg_color, 0.75); } +} + +.background:not(.csd) > box.vertical > headerbar { + // conflicts with .primary-toolbar styling? + .linked > button.image-button { // = 'back/forward' button + + } +} + +// overrides foregrounds for 3.24's ssd-mode +.background headerbar entry { + &.starred, + &.non-starred { + @include entry(header-normal); + + &:focus { @include entry(header-focus); } + &:disabled { @include entry(header-insensitive); } + } + + // render yellow 'star' icon if bookmarked + &.starred > image.right { + color: darken($question_bg_color, 10%); + &:hover, + &:active, + &:checked { color: $question_bg_color; } + } +} + +// popover for downloaded lists +popover.background:not(.emoji-picker) > box.vertical { + // For clean button + button:not(.destructive-action):not(.suggested-action):only-child { + &:active, &:checked { @include button(flat-active); } + } +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow { + // re-define background colours for GtkListBox + > viewport.frame > list.background { + background-color: transparent; + + > row.activatable { + background-color: if($variant=='light', $bg_color, lighten($bg_color, 10%)); + color: rgba($fg_color, 0.85); + border-radius: $bt_radius; + border: 1px solid $borders_color; + margin: 2px; + @if $variant=='light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); } + + &:hover { @include button(hover); } + &:active, &:checked { @include button(flat-active); } + } + } +} + +// popover for bookmarks +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical { + + scrolledwindow > viewport.frame { + border: 1px solid $borders_color; + + > list.background > row.activatable.bookmarks-row { + background-color: rgba($base_color, 0.35); + color: rgba($fg_color, 0.85); + border-bottom: 1px dashed rgba($borders_color, 0.05); + padding: 6px; + + &:hover, + &:active, + &:checked { color: $fg_color; background-color: rgba($fg_color, 0.05); } + + button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; // Same as of image.sidebar-icon + // margin: 0 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } +} + +// bookmark-tag flowbox-childs (almost hard-coded) +flowboxchild.bookmark-tag-widget { + color: $bg_color; // unchecked + font-weight: 500; + + label { margin-bottom: 2px; } + + &-selected { color: $selected_fg_color; } // checked +} + +// +// documents-scrolledwi (Totem, Documents, EvView) +// +.documents-scrolledwin { + background-color: transparent; + + .content-view { + background-color: transparent; + border-radius: 0 0 $wm_radius $wm_radius; + } + + viewport.frame { // Documents + background-color: transparent; + + widget > frame.content-view { + border { border: none; } + + background-color: transparent; + border-radius: 0 0 $wm_radius $wm_radius; + } + } +} + +// +// Document Viewer +// +window.background.csd { + > box.vertical { + > scrolledwindow { + > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: $wm_radius; + } + } + } + + evview.view.content-view { + background-color: transparent; + border-radius: 0 0 $wm_radius $wm_radius; + } +} + +// +// Archive Manager +// +.background.csd { + > grid.horizontal > paned.horizontal { + > scrolledwindow { + border-radius: 0 0 $wm_radius $wm_radius; + background-color: $base_color; + + treeview.view:not(:hover):not(:selected) { + background-color: transparent; + } + } + + > box.vertical { + > scrolledwindow { + border-radius: 0 0 0 $wm_radius; + background-color: $bg_color; + + treeview.view:not(:hover):not(:selected) { + background-color: transparent; + } + } + } + } +} + +// +// Eye of GNOME Image Viewer +// +box.vertical > box.vertical > box.vertical{ + > paned.horizontal { + background-image: none; + background-color: $header_border; + } +} + +// +// Gnome-Disk +// +window.background.csd { + > box.vertical > paned.horizontal { + > scrolledwindow { + treeview.view:not(:selected):not(:hover) { + border-bottom-left-radius: $wm_radius; + } + } + } +} + +// +// Dialogs +// +dialog.background.csd { + > headerbar.titlebar { + > label:not(.title):not(.subtitle) { // wallpaper set dialog + font-weight: 700; + } + } + + > box.vertical.dialog-vbox { + > grid.horizontal { + > scrolledwindow.frame { //removed ugly boders for nautilus batch renaming dialog + border: none; + + > viewport.frame { + border: none; + + list:first-child { border-radius: 0 0 0 $wm_radius; } + list:last-child { border-radius: 0 0 $wm_radius 0; } + } + } + + > stack { + > scrolledwindow.frame { // reset border for totem setting dialog + border: 1px solid $borders_color; + } + } + } + + > stack, + > stack > stack { + > scrolledwindow { + border-radius: 0 0 $wm_radius $wm_radius; + background-color: $base_color; + + iconview.view:not(:hover):not(:selected):not(:active) { // Wallpaper setting window + // @extend %view; + background-color: transparent; + } + } + } + + > stack { + > scrolledwindow > viewport.frame { + > list { + border-radius: 0 0 $wm_radius $wm_radius; + + row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; + } + } + } + + > box.vertical > stack.view { + > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; + } + } + + toolbar.toolbar { + border-radius: 0 0 $wm_radius $wm_radius; + border-width: 1px 0 0 0; + } + + > notebook > stack { // Control center wifi setting 3.36 or later + border-radius: 0 0 $wm_radius $wm_radius; + } + } + + > notebook { + > stack { + border-radius: 0 0 $wm_radius $wm_radius; + + > box.horizontal > notebook > stack { // Control center wifi setting + border-radius: 0 0 $wm_radius $wm_radius; + } + } + } + + separator.vertical { background-color: $borders_color; } + + // Outline for low res icons + .lowres-icon { // FIXME: not use + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); + } + + // Dropshadow for large icons + .icon-dropshadow { // FIXME: not use + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); + } + + > .dialog-action-box { + > .dialog-action-area { + padding: 3px 6px 6px; + } + } + } + + stack scrolledwindow { + &.frame { + border-radius: $wm_radius; + + textview.view { + border-radius: $wm_radius; + + > text { + background: none; + } + } + + treeview.view:not(:hover):not(:selected) { background: none; } + } + + viewport.frame { + &.view { border-radius: $wm_radius; } + } + } + + > .dialog-vbox > .dialog-action-box { + > .dialog-action-area { + margin: 0 6px 6px; + } + } +} + +// +// Mate OSD Window +// +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid darken($osd_bg_color, 8%); + + .progressbar { + background-color: $selected_bg_color; + border: none; + border-color: red; + border-radius: 5px; + } + .trough { + background-color: darken($osd_bg_color, 5%); + border: none; + border-radius: 5px; + } +} + +// +// Mate/Gnome Flashback Panel +// +.mate-panel-menu-bar, +panel-toplevel.background { + &, menubar { + background-color: opacify($panel_bg, 1); + } + + menubar, + #PanelApplet label, + #PanelApplet image { + color: $panel_fg; + } + + button:not(#tasklist-button) { // Panel buttons + @extend %panel_button; + } + + button, + #tasklist-button { + label, image { + color: inherit; + } + } + + .wnck-pager { + color: mix($panel_fg, black, 50%); + background-color: darken($panel_bg, 10%); + + &:hover { + background-color: lighten($panel_bg, 5%); + } + + &:selected { + color: lighten($selected_bg_color, 20%); + background-color: $selected_bg_color; + } + } + + na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; + } +} + +// +// Caja +// +.caja-desktop { + @extend %nautilus-desktop-canvas-item; +} + +.caja-notebook { + border-top: 1px solid $borders_color; +} + +// .caja-pathbar { +// button { } +// } + +.caja-navigation-window { + .primary-toolbar { + background-color: $header_bg; + } + + .caja-side-pane { + background-color: transparent; + + .frame { + border-width: 1px 0 0; + } + } + + paned > separator { + background-image: image($solid_borders_color); + } +} + +.caja-side-pane { + treeview.view, .view { + background: none; + + &:hover { + background-color: rgba($fg_color, 0.1); + } + + &:active, &:selected { + background-color: $selected_bg_color; + } + } + + textview.view text { background: none; } + + scrollbar { + background: none; + } + + // notebook .view > box.vertical { + // border-bottom-left-radius: $wm_radius; + // } +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar { + entry { + // margin: 2px 0; + + &:focus { + box-shadow: none; + } + } +} + +// +// Xfce4 +// +$text_shadow: 0 0 1px rgba(0, 0, 0, 0.26), + 0 1px 2px rgba(0, 0, 0, 0.32), + 0 2px 3px rgba(0, 0, 0, 0.12); + +%panel_button { + color: $panel_fg; + border-radius: 0; + border: none; + background-color: transparent; + + &:hover:not(:active):not(:checked) { + color: $fg_color; + box-shadow: inset 0 -2px rgba($selected_bg_color, 0.5); + } + + &:checked { + color: $fg_color; + box-shadow: inset 0 -2px $selected_bg_color; + background-color: rgba($fg_color, 0.12); + background-image: none; + label, image { color: inherit; } + } + + &:active { + background-color: rgba($fg_color, 0.18); + color: $fg_color; + background-image: none; + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +.xfce4-panel.panel { + background-color: $panel_bg; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; + + button, button.flat { + @extend %panel_button; + } +} + +.XfceHeading { + border: 0 none transparent; + background-color: $bg_color; + color: $fg_color; +} + +.xfce4-panel { + background-color: $panel_bg; + color: $panel_fg; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + + &, // unset borders + frame > border { border: none; } + + ࿎PanelWindow { // main panel container >= 4.13.3? + // FIXME: unneeded 1px borders are reserved by its code itself + border: none; + + &, &.marching-ants { transition: none; } // unset transitions + } + + button.flat { @extend %panel_button; } + + button { + font-weight: 700; + @extend %panel_button; + + &#launcher-arrow { // launcher applet + // FIXME: quite weird pseudo-classe transitions, especially :hover + // state can't be cleared properly ( -> an upstream issue) + &, + button.toggle { + &:hover { box-shadow: none; } // hide indicators + } + + + button.toggle:checked { // 'arrow' toggle button + color: $selected_bg_color; + box-shadow: none; + } + } + + ﳤ-notification-plugin { + padding: 0 1px; // for 4.12.2 + } + } + + menu { + font-weight: 400; // for enforcing regular weight + text-shadow: none; + -gtk-icon-effect: none; + } + + menubar.-vala-panel-appmenu-private { // xfce4 appmenu plugin + > menuitem { + font-weight: normal; + } + } + + widget.tasklist > button.toggle { font-weight: 400; } +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: $selected_fg_color; + text-shadow: $text_shadow; + + &:active, &:checked { + background-color: $selected_bg_color; + color: $selected_fg_color; + text-shadow: none; + } + + .rubberband { @extend %rubberband; } +} + +window#whiskermenu-window { + background-color: $bg_color; + + // no CSD class even if the sw compositor was enabled. + > frame > border { + border-radius: 0; + } + + scrolledwindow { + > viewport button.radio { + padding: 2px 6px; + margin: 2px; + + &:hover { background-color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); } + + &:checked, &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:hover { background-image: none; } + } + } + + treeview.view { + &:selected:hover { + background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); + color: $fg_color; + } + } + } +} + +// +// * Thunar * +// + +window.background.csd.thunar { + > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: $wm_radius; + background-color: $dark_sidebar_bg; + + treeview.view:not(:hover):not(:selected) { + background-color: transparent; + } + } +} + +window.thunar { + > grid.horizontal > paned.horizontal { + > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: $dark_sidebar_bg; + + treeview.view { + background-color: $dark_sidebar_bg; + + &:hover { background-color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.08)); } + + &:selected, &:selected:hover, &:active:hover { + color: $fg_color; + background-color: $sidebar_theme_color; + } + } + } + + > separator { + background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); + } + } + + toolbar#location-toolbar { + border-bottom: 1px solid $header_border; + + button.path-bar-button, + button.flat { + @include button(header-normal); + margin-left: 0; + margin-right: 0; + border-radius: $bt_radius; + min-height: 28px; + + &:hover { @include button(header-hover); } + + &:checked { @include button(header-checked); } + + &:active { @include button(header-active); } + + &:disabled { @include button(header-insensitive); } + + &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } + } + + > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; + } + + > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; + } + + // FIXME: need to unset for weird allocation height + entry { + min-height: 22px; + } + } + + notebook { + // hide unneeded border + stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; + } + + // an allocation height of label node affects to close button's + // image height (it's quite weird). + header.top tab.reorderable-page > box > label { min-height: 0; } + } +} + + /********* + * Geary * + *********/ +.geary-main-window.background.csd, +window#GearyMainWindow.background.csd { + > overlay > box.vertical { + > paned { + > separator { @extend %side_separator; } + + > .sidebar { + border-bottom-left-radius: $wm_radius; + + > searchbar { + @extend %side_searchbar; + } + } + } + } + + stack#conversation_viewer { + border-bottom-right-radius: $wm_radius; + + scrolledwindow.geary-conversation-scroller { + viewport.frame { + list.conversation-listbox { + background-color: $base_color; + border-bottom-right-radius: $wm_radius; + } + } + } + + searchbar { + background-color: $base_color; + + > revealer > box { + border-color: if($variant == 'light', $solid_borders_color, $header_border); + } + } + } + + paned.geary-sidebar-pane-separator { + > separator { margin-left: -1px } + + statusbar { + margin: -8px -12px; + border: none; + background-color: rgba($dark_sidebar_bg, 1); + border-bottom-left-radius: $wm_radius; + + frame > border { border: none; } + } + + frame.geary-folder-frame { + > border { border: none; } + + scrolledwindow { + treeview.view.sidebar:not(:hover):not(:selected) { + background-color: rgba($dark_sidebar_bg, 1); + } + } + } + + frame.geary-conversation-frame { + background-color: rgba($dark_sidebar_bg, 1); + + > border { border: none; } + + scrolledwindow { + background-color: $base_color; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid $borders_color; + border-radius: $bt_radius; + + treeview.view { + border-image: none; + background-image: none; + + &:hover { background-color: rgba($selected_bg_color, 0.1); } + + &:selected { + background-color: rgba($selected_bg_color, 0.15); + box-shadow: inset 2px 0 $selected_bg_color; + color: if($variant == 'light', $fg_color, $selected_fg_color); + } + + &:not(:hover):not(:selected) { + background: none; + } + } + } + } + } +} + +// +// * Firefox and Thunderbird * +// + +window.background:not(.csd) { + > widget { + // for the bookmark toolbar's separators + > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: $borders_color; + } + + // avoid black border + > scrollbar { background-clip: border-box; } + + // emphasize borders color + > scrollbar, + > frame > border { border-color: $borders_color; } + + > entry, + .entry { // Set for linked entrys + // min-height: 26px; + border-radius: $bt_radius; + background-image: image($base_color); + border: 1px solid $borders_color; + + &:focus { border-color: $selection_mode_bg; box-shadow: inset 0 0 0 2px $entry_highlight; } + } + + > spinbutton { + background-image: image($button_bg); + border: 1px solid $borders_color; + + @if $variant == 'light' { + &:active { + background-image: image($bg_color); + } + } + + // Fixed thunderbird linked entry spinbutton border-radius. + .entry { border-top-right-radius: 0; border-bottom-right-radius: 0; } + } + + > button { + padding-top: 3px; + padding-bottom: 3px; + } + + > button > button { + outline-style: none; + border-radius: $bt_radius; + + @if $variant == 'light' { + &:active { + border-radius: $bt_radius; + border: none; + background-image: image($bg_color); + box-shadow: inset 0 0 0 1px $borders_color; + } + } + + label { padding: 4px 6px; } + } + } + + > menu, + > menu > menu { + border-radius: 0; + background-color: $menu_bg; + } + + > menu > menuitem { + padding: 4px 6px; + + > label:disabled { color: $disabled_fg_color; } + + > radio, + > check { + padding: 0 2px 0 4px; + } + } + + > window > menu { + menuitem { + transition: none; // Fixed plank menu background issue + } + } +} + +// /******************* +// * Firefox Quantum * +// *******************/ + +#MozillaGtkWidget.background { + // blend with weird toolbar backgrounds + background-color: $bg_color; + + // FIXME: resetting child elements background is not fully functional yet + // because WidgetStyleCache keeps holding initial background-color. + // the stem of this incorrect colouring seems to be caused by their + // gdk_rgba to ns_rgba conversion. I don't think theme's fault. + .background, + frame, + separator, + scrolledwindow { background-color: $base_color; } + + scrollbar { + background-color: transparent; + + slider { + background-color: mix($fg_color, $bg_color, 45%); + &:hover { background-color: mix($fg_color, $bg_color, 60%); } + &:hover:active { background-color: mix($fg_color, $bg_color, 75%); } + &:disabled { background-color: transparent; } + } + } + + *:not(menuitem):hover, // exclude menuitem node + *:focus, + *:active, + *:checked { + &, button { color: $fg_color; } // enforce opaque foregrounds + } + + > window.background > menu { // context-menus + border: none; // hide ugly double borders + background-color: $menu_bg; + border-radius: 0; + + // revert to standard separators + > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: $borders_color; + } + } + + > widget { + border { border-color: if($variant == 'light', darken($bg_color, 15%), lighten($bg_color, 20%)); } + + separator { background-color: $borders_color; } + + // FIXME: this affected to popover widget as well, + // so we can not set $lighter_bg_color to search-bar... + > scrolledwindow > textview { + background-color: $menu_bg; + + text { + background-color: transparent; + color: if($variant =='light', $text_color, #aaaaaa); + + &:selected, + &:selected:focus, + selection { @extend %selected_items; } + } + } + } +} + +/*************** + * Chrome(ium) * + ***************/ + +$chrome_bg_color: $bg_color; +$chrome_fg_color: $text_color; +$chrome_menu_bg_color: $menu_bg; +$chrome_menu_fg_color: $fg_color; + +window.background.chromium { + // checked-tab & toolbar & button widgets + background-color: $bg_color; + color: $text_color; + + headerbar.titlebar { + button.toggle { // account-button (> 64.0.3282?) + border: none; + background-color: transparent; + background-image: none; + + &:hover { @include button(flat-hover); } + &:checked, &:active { @include button(flat-active); } + } + + // from nav_button_provider_gtk3.cc (> 62.0.3202?) + button.titlebutton { // title-buttons + // define global titlebutton class sizing + min-width: 16px; + min-height: 16px; + margin: 0; // unset margins + padding: 0 0; + background-size: auto; + color: transparent; // hide stock icons + } + } + + // FIXME: not for actual button widgets but for toolbar's separators + // crazy: src/+/master/chrome/browser/ui/libgtkui/gtk_ui.cc#891 + button { // for active-tab borders + border-width: 1px; + border-style: solid; + border-color: $solid_borders_color; + background-color: $chrome_bg_color; + color: $chrome_fg_color; + } + + entry.chromium { + &, &:focus { // overrides standard borders + border-image: none; + border: 1px solid $solid_borders_color; + background-color: $chrome_bg_color; + color: $chrome_fg_color; + } + } + + // internal region of toolbar's entry widget + > textview.view, textview { + background-color: $chrome_bg_color; + color: $chrome_fg_color; + } + + > menubar { background-color: $header_bg; } + + // > menu { + // border: 1px solid $solid_borders_color; + // color: $chrome_menu_fg_color; + // background-color: $chrome_menu_bg_color; + // + // > separator, .separator { + // margin: 2px 0; + // min-height: 0; + // border-bottom: 2px solid $menu_bd; + // background: none; + // } + // + // > menuitem { + // color: $chrome_menu_fg_color; + // + // &:hover { + // color: $selected_fg_color; + // background-color: $selected_bg_color; + // } + // + // &:disabled { + // color: rgba($chrome_menu_fg_color, 0.45); + // } + // + // // label { &:disabled { color: rgba($chrome_menu_fg_color, 0.45); } } + // + // accelerator { color: rgba($chrome_menu_fg_color, 0.45); } + // } + // } +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.solid-csd) { + // reserved area at the most-right side of GtkMenuBar + > grid.horizontal > grid.horizontal { + background-color: $header_bg; + box-shadow: inset 0 -1px $borders_color; + + > button.flat.small-button { + // 'close' button + color: $header_fg; + border: none; + border-radius: 50px; + background-image: none; + + &:hover { + background-color: lighten($header_bg, 15%); + color: lighten($header_fg, 5%); + } + + &:active, + &:checked { + background-color: rgba(red, 0.65); + color: white; + } + + &:disabled { + color: rgba($header_fg, 0.6); + } + } + } +} + +window.background:not(.solid-csd) { + // for 'Notebookbar' toolbar + > notebook:not(.frame) { + border: 0 none transparent; // unset borders + background-color: $base_color; + + > stack { + border: none; + box-shadow: none; + } + } +} + +// /********* +// * Tilix * +// *********/ + +// in-line titlebars +widget > box.terminal-titlebar { + padding: 0 6px; + + > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; + + &:dir(ltr) { padding-right: 6px; } + &:dir(rtl) { padding-left: 6px; } + + &:hover, &:checked, &:active { + border-radius: 0; + } + + &:checked, &:active { + background-color: rgba($fg_color, 0.05); + color: $fg_color; + } + } + + > button.image-button { // 'plus' and 'close' + &, &.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: $bt_radius; + -gtk-outline-radius: $bt_radius; + } + } +} + +list.tilix-session-sidebar { + // use -image property instead + background-image: image($dark_sidebar_bg); + + button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: $destructive_color; + &, &:hover, &:active, &:checked { color: white; } + + &:hover { background-color: lighten($destructive_color, 10%); } + + &:active, + &:checked { background-image: image(darken($destructive_color, 10%)); } + } +} + +window.background.csd { + > box.horizontal > stack { + > box.vertical > notebook > stack { + border-bottom-right-radius: $wm_radius; + } + } +} + +// +// Pamac +// + + +// /************ +// * Synaptic * +// ************/ +window > box.vertical > box.horizontal { + > toolbar { + background-color: transparent; + box-shadow: none; + + toolitem > box { + label, + entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; + } + + > label { color: $fg_color; } + } + } + + > widget { background-color: transparent; } +} + +// +// vala-panel +// +window#ValaPanel.background { + // background-image: linear-gradient(0deg, $panel_bottom_color 0%, $panel_top_color 100%); + // border: 1px solid $header_border; + // color: currentColor; + + widget.-vala-panel-background { + > separator { // separator applet + background: none; + } + } +} + +button.flat.-panel-button, +button#tasklist-button.toggle.flat, +// tasklist-arrow-button.toggle.flat.-panel-flat-button, // xfce tasklist button +button.flat.-panel-icon-button { + // @extend %budgie_icon_tasklist_button; + + &:hover { + box-shadow: inset 0 -2px rgba($selected_bg_color, 0.5); + background: none; + } + + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); + background: none; + } +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; + + &:hover { -gtk-icon-effect: highlight; } + &:hover, + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); + } +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; + + > image { + background-position: bottom center; + } + + &:hover { -gtk-icon-effect: highlight; } + &:hover, + &:active, + &:checked { + box-shadow: inset 0 -2px $selected_bg_color; + color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); + } +} + +// vala-panel-appmenu +// menubar.-vala-panel-appmenu-private, // xfce4 appmenu plugin +// menubar.-vala-panel-background { +// background: none; +// border: none; +// box-shadow: none; +// +// > menuitem { +// color: $panel_fg; +// font-weight: normal; +// &:hover { color: $selected_fg_color; } +// +// // > window.background.popup > decoration, +// // > window.background.popup > menu { border-radius: 0 0 $wm_radius $wm_radius; } +// } +// } + +// * Elementary Apps * + +// +// Wingpanel +// +.menubar.panel { + .panel { + &, &.color-light, &.color-dark { + background-color: transparent; + background-image: linear-gradient(0deg, rgba($panel_bottom_color, 0.95) 0%, rgba($panel_top_color, 0.95) 100%); + border-bottom: 1px solid if($variant == 'light', $panel_border_color, $header_border); + transition: all 100ms ease-in-out; + color: $panel_fg; + } + + &.maximized { + background-color: $panel_bg; + background-image: none; + border: none; + } + + &.translucent { + background-color: rgba($panel_bg, 0.75); + background-image: none; + border: none; + } + + menubar { + background: none; + box-shadow: none; + border: none; + } + } + + popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid if($variant == 'light', rgba(black, 0.35), rgba(black, 0.45)); + box-shadow: 0 3px 5px rgba(black, 0.12), 0 5px 8px rgba(black, 0.08); + + button { + @include button(undecorated); + &:hover { @include button(flat-hover); } + &:active { @include button(flat-active); label { color: white; } } + &:checked { @include button(flat-checked); label { color: white; } } + &:disabled { @include button(flat-insensitive); } + &, &:hover, &:active, &:checked, &:disabled { border-color: transparent; } + } + + .linked > button { + @include button(normal); + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } + } + + list { background-color: transparent; } + + separator.horizontal { + margin: 0 -4px; + } + + separator.vertical { + background: none; + } + + .sidebar { + border-style: none; + background: none; + + .view { + background: none; + + &:hover { + border-radius: $bt_radius; + background-color: if($variant=='light', rgba(black, 0.1), rgba(white, 0.1)); + } + + &:selected { + &, &:focus, &:backdrop { + text-shadow: none; + transition: all 200ms $ease-out-quad; + background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); + border-radius: $bt_radius; + } + } + } + } + } +} + +.composited-indicator { + padding: 0 6px; + + > revealer label, + > revealer image, + > revealer spinner { + color: $panel_fg; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; + } + + > revealer image, + > revealer spinner { + padding: 3px 0; + } + + > revealer label { + padding: 3px 6px; + } + + .keyboard { + background-color: $panel_fg; + border-radius: 2px; + color: $panel_bg; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; + } +} + +// Popover switcher dots +button.flat.toggle.switcher { + &:hover, &:active, &:checked, &:selected { + image { + color: $selected_bg_color; + } + } +} + +// Calendar Popover +.circular { // Calendar popover date button + label:disabled { color: $disabled_fg_color; } + + &.accent { // Today button + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// Marlin / Pantheon Files +MarlinViewWindow { + *:selected, *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; + } + + GtkIconView.view:selected { + &, &:focus, &:hover, &:focus:hover { background-color: transparent; } + } + + FMListView, FMColumnView { outline-color: transparent; } +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + + @include entry(header-normal); + &:focus { @include entry(header-focus) } + &:disabled { @include entry(header-insensitive) } +} + +window.background.csd { + > paned.horizontal { + > separator { + &:dir(ltr) { margin-left: -1px; } + &:dir(rtl) { margin-right: -1px; } + } + + > scrolledwindow { + > viewport.frame { + > box.vertical treeview.view { + + border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); + + &:not(:hover):not(:selected) { + border-bottom-left-radius: $wm_radius; + background: none; + } + + color: $dark_sidebar_fg; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid $header_border; + // @extend %view; + + &:not(:selected):hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } + + &:selected, &:selected:hover, &:selected:focus { + color: $fg_color; + background-color: $sidebar_theme_color; + &, label { color: $fg_color; } + } + + image { + color: $dark_sidebar_fg; + &:selected { color: $selected_fg_color; } + &:disabled { color: rgba($dark_sidebar_fg, 0.45); } + } + + &.trough { + color: $fg_color; + background-color: $button_border; + border-radius: $bt_radius; + border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-color: transparentize(black, 0.8); + border-radius: $bt_radius; + border-width: 0; + } + } + } + } + } + } + + > stack > stack { + > paned.horizontal { + > scrolledwindow > viewport.frame { + list { + border-bottom-left-radius: $wm_radius; + } + } + } + } +} + +.dynamic-notebook { + notebook > stack { + border-bottom-right-radius: $wm_radius; + background-color: $base_color; + + scrolledwindow.view.h2 { + background-color: transparent; + } + + treeview.view, + iconview.view { + &:not(:hover):not(:selected) { background: none; } + &:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } + &:selected { + color: $fg_color; + background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); + } + } + } +} + +headerbar.titlebar { + > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 16px; + margin-top: 0; + margin-bottom: 0; + } + + > button.flat.image-button.toggle { + margin-top: 5px; + margin-bottom: 5px; + + &:not(:checked):not(:active) { + background-clip: if($variant=='light', padding-box, padding-box); + } + + @if $variant == 'light' { + border-width: 1px; + border-style: solid; + border-color: $borders_color; + } + + @include button(header-normal); + &:hover { @include button(header-hover); } + &:active { @include button(header-active); } + &:checked { @include button(header-checked); } + &:disabled { color: transparentize($header_fg, 0.4); } + &:backdrop { opacity: 0.7; background-image: none;} + + + button.flat.image-button.toggle { margin-right: if($variant=='light', -6px, -5px); } + } + + // Hide Code header format-bar + > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; + + button.toggle { + margin-top: 0; + margin-bottom: 0; + } + + &:backdrop { + transition: $backdrop_transition; + background-image: none; + background-color: $header_bg_backdrop; + } + } +} + +// Gala +.gala-notification { + border: 1px solid $dark_borders_color; + border-radius: $wm_radius; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: _solid($osd_bg_color); + background-color: transparent; + + .title, .label { + color: $osd_fg_color; + } +} + +// system setting +actionbar.inline-toolbar { + border: none; + border-top: 1px solid $borders_color; + + button { // Reset buttons + border-radius: $bt_radius; + // border: 1px solid $dark_borders_color; + + &:first-child { + border-right-style: solid; + } + + &:last-child { + border-left-style: solid; + } + } +} + +// Nightlight warmth trough +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, $suggested_color, $destructive_color); + box-shadow: inset 0 0 0 1px rgba(black, 0.25); +} + +// Terminal +.terminal-window { + headerbar.titlebar.default-decoration { + background-color: $header_bg; + border-bottom: 1px solid $header_border; + box-shadow: inset 0 1px $highlight_color; + + &:backdrop { + transition: $backdrop_transition; + color: transparentize($header_fg, 0.3); + background-image: none; + background-color: $header_bg_backdrop; + border-color: if($variant=='light', lighten($header_border, 15%), darken($header_border, 3%)); + } + } + + .search-bar { + background-color: $bg_color; + border-bottom: 1px solid $solid_borders_color; + } + + .dynamic-notebook { + notebook > header { border-color: $solid_borders_color; } + } +} diff --git a/src/sass/gtk/_budgie.scss b/src/sass/gtk/_budgie.scss new file mode 100644 index 0000000..7737227 --- /dev/null +++ b/src/sass/gtk/_budgie.scss @@ -0,0 +1,1252 @@ +// based css: +// https://github.com/budgie-desktop/budgie-desktop/tree/master/src/theme + +/****************** + * Budgie Desktop * + ******************/ +// Container for both the "panel" area and the shadow. Wise to keep +// this transparent.. + +// Raven +$raven_base_color: if($variant =='light', #f5f5f5, #1b1b1b); +$raven_bg_color: if($variant =='light', #dedede, #1f1f1f); +$raven_fg_color: $text_color; +$raven_header_bg_color: if($variant =='light', #efefef, #181818); +$raven_header_fg_color: $text_color; +$raven_button_bg_color: $button_bg; +$raven_border_color: if($variant =='light', rgba(black, 0.10), rgba(black, 0.35)); + +$raven_radius: 10px; +$raven_padding: 8px; + +%raven_middle_button { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +%raven_last_button { + border-radius: 0 0 $raven_radius 0; + border-right-style: none; + border-bottom-style: none; +} + +%raven_first_button { + border-radius: 0 0 0 $raven_radius; + border-left-style: none; + border-bottom-style: none; +} + +%raven_single_button { + border-radius: 0 0 $raven_radius $raven_radius; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +%budgie_button { + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:checked { @include button(flat-checked); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } +} + +%raven_button { + @include button(header-normal); + &:hover { @include button(header-hover); } + &:active { @include button(header-active); } + &:checked { @include button(header-checked); } + &:disabled { @include button(header-insensitive); } + + &.flat { + @include button(undecorated); + &:hover { @include button(flat-hover); } + &:checked { @include button(flat-checked); } + &:active { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } + + &.linked { + @include button(undecorated); + background-color: $menu_bg; + + &:hover { + background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%)); + } + + &:active, &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { @include button(flat-insensitive); } + } +} + +.budgie-container { background-color: transparent; } + +.budgie-settings-window { + buttonbox.inline-toolbar { + border-style: none none solid; + + button { + border-radius: $bt_radius; + -gtk-outline-radius: $bt_radius; + + @extend %budgie_button; + } + } + + list.sidebar { + background-color: $base_color; + border-radius: 0 0 0 $wm_radius; + border-color: if($variant =='light', $solid_borders_color, $header_border); + } +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: if($variant=='light', $borders_color, lighten($menu_bg, 8%)); + border-radius: $wm_radius; + background-color: if($trans == 'true', rgba($bg_color, 0.95), $bg_color); + box-shadow: 0 1px 2px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), + 0 2px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), + 0 0 0 1px if($variant=='light', $borders_color, rgba($dark_borders_color, 0.55)), + inset 0 0 0 1px if($variant=='light', rgba(black, 0.0), rgba(white, 0.08)); + + .container { padding: 2px; border: none; } + border { border: none; } + list { background-color: transparent; } + + row { + padding: 0; + background-color: transparent; + + &:hover { box-shadow: none; background-color: transparent; } + } + + switch { margin-left: 56px; margin-right: 6px; } + + &:not(.budgie-menu) button.flat:not(.image-button) { + @extend %budgie_button; + min-height: 28px; + padding: 0 8px; + color: $fg_color; + font-weight: normal; + + &:disabled { color: $disabled_fg_color; } + } + + &.budgie-menu { + .container { padding: 0; } + } + + &.user-menu { + .container { padding: 8px; } + separator { margin: 4px 0; } + } + + &.sound-popover { + separator { margin: 3px 0; } + } + + &.night-light-indicator { + .container { padding: 8px; } + } + + &.places-menu { + .container { padding: 8px; } + + .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid $borders_color; + } + + // I guess this really should be hard-coded as well as other dim-labels. + .alternative-label { + padding: 3px; + font-size: 15px; + } + } + + &.workspace-popover { + .container { padding: 2px 8px 8px; } + + separator { margin: 4px 0; } + flowboxchild { padding: 0; } + } +} + +// budgie specific popover widgets +window.budgie-popover:not(.csd) { + > frame.container { + margin: 0 -1px -1px; // remove gap + + .bottom & { padding: 2px 0 2px; } // revive bottom padding + + &, + > border { + border-style: none; // hide container borders + } + } +} + +// FIXME: workspace has unnecessary/unknown margin +.workspace-switcher { + .workspace-layout { + border: 0 solid $borders_color; + + .top &, + .bottom & { + &:dir(ltr) { border-left-width: 1px; } + &:dir(rtl) { border-right-width: 1px; } + } + + .left &, + .right & { border-top-width: 1px; } + } + + .workspace-item, + .workspace-add-button { + border: 0 solid $borders_color; + + .top &, + .bottom & { + &:dir(ltr) { border-right-width: 1px; } + &:dir(rtl) { border-left-width: 1px; } + } + + .left &, + .right & { border-bottom-width: 1px; } + } + + .workspace-item { + transition: $shorter_transition; + + &.current-workspace { background-color: $borders_color; } + } + + .workspace-add-button { + background-color: transparent; + background-image: none; + @extend %budgie_button; + + &:hover { box-shadow: none; } + &:active { background-image: none; } + &:active image { margin: 1px 0 -1px; } + } + + .workspace-icon-button { + .budgie-panel & { // to overwrite the .budgie-panel button style below + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: $bt_radius; + } + } +} + +// Budgie Menu +.budgie-menu { + &.background { + padding: 0; + background-color: $base_color; + } + + scrollbar, + entry.search { background-color: transparent; } + + entry.search { + // margin: 6px 6px 0 6px; + padding: 5px 10px; + border: none; + border-bottom: 1px solid $borders_color; + border-radius: 0; + box-shadow: none; + font-size: 110%; + // &:focus { @include entry(focus); } + } + + .categories { + &:dir(ltr) { border-bottom-left-radius: $bt_radius; } + &:dir(rtl) { border-bottom-right-radius: $bt_radius; } + } + + button { + @extend %row_activatable; + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: $fg_color; + font-weight: normal; + border: none; + box-shadow: none; + + &:hover { transition: none; } + &:disabled { color: $disabled_fg_color; } + &:checked { @extend %selected_items; } + + &:checked:hover { + background-image: none; + background-color: lighten($selected_bg_color, 5%); + } + + &:checked:disabled { background-color: rgba($selected_bg_color, 0.5); } // overriding + } + + row { + padding: 0; + &:hover { box-shadow: none; } + } +} + +// Menu Button +button.budgie-menu-launcher { + // padding: 0 2px; + @extend %flat_button; +} + +// User Menu +popover.background.user-menu { + padding: 8px; + + .content-box { background-color: transparent; } + separator { margin: 4px 0; } + + row { + padding: 0; + box-shadow: none; + background-image: none; + } +} + +// Raven Trigger +// button.raven-trigger { +// padding: 0 4px; +// } + +// Places Menu +popover.background.places-menu { + padding: 8px; + + // FIXME: untested + // .message-bar { + // margin-bottom: 4px; + // } + + .name-button.text-button { + // padding: 4px 8px; + padding-left: 8px; + padding-right: 8px; + + image { + &:dir(ltr) { margin-right: 8px - 5px; } + &:dir(rtl) { margin-left: 8px - 5px; } + } + } + + // FIXME: untested + // .unmount-button { + // padding: ($medium_size - 24px) / 2; + // } + + .places-section-header > image { + &:dir(ltr) { margin: 0 8px - 10px 0 8px - 3px; } + &:dir(rtl) { margin: 0 8px - 3px 0 8px - 10px; } + } + + .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid $borders_color; + background-color: transparent; + } + + row { + padding: 0; + box-shadow: none; + background-image: none; + } +} + +// Panel +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: $panel_bg; + color: $panel_fg; + font-weight: 500; + box-shadow: none; + background-clip: padding-box; + + &.transparent { + background-color: rgba($panel_bg, 0.65); + box-shadow: none; + } + + .top & { + border-bottom: 1px solid if($variant == 'light', $panel_border_color, $header_border); + background-image: linear-gradient(0deg, $panel_bottom_color 0%, $panel_top_color 100%); + } + + .top &.transparent { + background-color: transparent; + background-image: linear-gradient(0deg, rgba($panel_bottom_color, 0.85) 0%, rgba($panel_top_color, 0.85) 100%); + } + + .bottom & { + border: solid $panel_border_color; + border-width: 1px 1px 0 1px; + border-radius: $wm_radius $wm_radius 0 0; + + &.dock-mode { + border-radius: 0 0 0 0; + border-width: 1px 0 0 0; + } + } + + .left & { + border: solid $panel_border_color; + border-width: 1px 1px 1px 0; + border-radius: 0 $wm_radius $wm_radius 0; + + &.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 1px 0 0; + } + } + + .right & { + border: solid $panel_border_color; + border-width: 1px 0 1px 1px; + border-radius: $wm_radius 0 0 $wm_radius; + + &.dock-mode { + border-radius: 0 0 0 0; + border-width: 0 0 0 1px; + } + } + + button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba($panel_fg, 0.85); + background: none; + + &:hover { + background-color: rgba($panel_fg, 0.10); + color: rgba($panel_fg, 0.95); + background-image: none; + } + + &:active { + background-color: rgba($panel_fg, 0.15); + color: $panel_fg; + background-image: none; + } + + &:checked { + background-color: rgba($panel_fg, 0.12); + color: $panel_fg; + } + } + + &.horizontal button { padding: 0 4px; } + &.vertical button { padding: 4px 0; } + + separator { background-color: $borders_color; } + + // Budgie styled Gtk Menus + menubar, + .menubar { + box-shadow: none; + color: $panel_fg; + background-image: none; + background-color: transparent; + + > menuitem { + border: none; + background-image: none; + font-weight: normal; + + > window.background.popup > decoration, + > window.background.popup > menu { border-radius: 0 0 $wm_radius $wm_radius; } + + &:hover { background-color: $selected_bg_color; } + &:disabled { color: transparentize($panel_fg, 0.6); } + + &.budgie-menubar { + &:hover { background-color: rgba($panel_fg, 0.10); } + } + } + } + + menubar.-vala-panel-appmenu-private { // appmenu plugin + > menuitem { + font-weight: normal; + } + } + + // used to indicate unread notifications + .alert { color: $destructive_color; } + + // End Section needs to be fancy + // .end-region { + // background-color: rgba(0,0,0,0.2); + // } + + &.vertical #tasklist-button { min-height: 32px; } + + // Icon Tasklist + button.flat.launcher { + padding: 0; + @extend %flat_button; + @extend %underscores; + + // for indicator colors + &:not(:checked) { + color: $fg_color; + + &:hover, &:active { color: rgba($fg_color, 0.8); } + &:disabled { color: rgba($fg_color, 0.5); } + } + + &:active { background-color: rgba($fg_color, 0.20); } + &:checked { background-color: rgba($fg_color, 0.15); } + } +} + +%underscores { + @each $pos, $b_pos, $b_wid in (top, center calc(1px), 3 0 0 0 / 3px 0 0 0), + (bottom, center calc(100% - 1px), 0 0 3 0 / 0 0 3px 0), + (left, calc(1px) center, 0 0 0 3 / 0 0 0 3px), + (right, calc(100% - 1px) center, 0 3 0 0 / 0 3px 0 0) { + .#{$pos} & { + & { + border-image: radial-gradient(circle closest-corner at #{$b_pos}, + $selection_mode_bg 0%, + transparent 0%) + 0 0 0 0 / 0 0 0 0; + } + + &:checked { + border-image: radial-gradient(circle closest-corner at #{$b_pos}, + $selection_mode_bg 100%, + transparent 0%) + #{$b_wid}; + } + } + } +} + +// Tasklist +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: $fg_color; + + @extend %underscores; + + &:active { + background-color: rgba($fg_color, 0.15); + color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 5%)); + } + + &:checked { + background-color: rgba($fg_color, 0.12); + color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 5%)); + } +} + +.budgie-panel { + @at-root %budgie_icon_tasklist_button, + button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; + + > image { opacity: 0.87; } + + &:hover { + -gtk-icon-effect: highlight; + > image { opacity: 1.0; } + } + + &:active { + > image { opacity: 1.0; } + } + + &:checked { + &:hover { -gtk-icon-effect: highlight; } + > image { opacity: 1.0; } + } + } + + @at-root %running_budgie_icon_tasklist_button, + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running, + .pinned button.launcher.running.sidebar-button { + &:hover { -gtk-icon-effect: highlight; } + + > image { + background-repeat: no-repeat; + opacity: 1.0; + } + + &:checked { + > image { background-image: none; } + } + } +} + +// draw underscores and dots +@each $position, $_dot in (top, 6px 3px), + (bottom, 6px 3px), + (left, 3px 6px), + (right, 3px 6px) { + .#{$position} .budgie-panel { + + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running, + .pinned button.launcher.running.sidebar-button { + > image { + background-size: #{$_dot}; + background-position: #{$position} center; + background-image: image($selected_bg_color); + } + + &:checked { > image { background-image: none; } } + } + } +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { border-image: none; } // unset before drawing indicators + +// Raven borders +.left frame.raven-frame > border { + border: none; + border-right: 1px solid $panel_border_color; +} + +.right frame.raven-frame > border { + border: none; + border-left: 1px solid $panel_border_color; +} + +$pos_list: ((top, bottom), (left, right), (right, left)); + +@each $pos, $b_pos in $pos_list { + // Panel borders + // .#{$pos} .budgie-panel { + // border-#{$b_pos}: 1px solid $panel_border_color; + // } + + // Raven borders + // .#{$pos} frame.raven-frame > border { + // border: none; + // border-#{$b_pos}: 1px solid $panel_border_color; + // } + + // Shadows + .#{$pos} .shadow-block { + background-image: linear-gradient(to $b_pos, rgba(black, 0.35) 0%, rgba(black, 0.23) 10%, rgba(black, 0.08) 60%, transparent); + } +} + +// .bottom .shadow-block { background-image: none; } + +$raven_opacity: if($variant =='light', 0.85, 0.95); + +// Raven +.raven { + background-color: if($trans == 'true', rgba($raven_bg_color, $raven_opacity), $raven_bg_color); + color: $raven_fg_color; + + // for >=10.4 + > box { margin-bottom: -10px; } + + // for <10.4 + > stack { margin-bottom: -10px; } + + // > stack > box:last-child > stack { margin-top: -6px; } + + button { + @extend %raven_button; + &.image-button { @extend %circular_button; } + } + + stackswitcher { padding: 0 8px 12px 8px; } + stackswitcher.linked > button { @extend %raven_button; } + + .raven-header { + min-height: 36px; + padding: 2px; + + &:not(.top) { + margin-top: -6px; // remove extra spaces, but not perfect :( + + button { + @extend %raven_button, .flat; + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; + + &.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; + } + } + } + + &.top { + padding: 2px 12px $raven_padding; + // background-color: rgba($raven_bg_color, 0.95); + color: $raven_fg_color; + border-bottom: 1px solid $borders_color; + + stackswitcher { + padding: 6px 0 0 0; + margin: 0; + + button { + margin: 0; + padding: 0 20px; + min-height: 20px; + } + } + + // for <10.4 + button.image-button { + &:dir(ltr) { margin-right: 2px; } + &:dir(rtl) { margin-left: 2px; } + } + + // for <10.4 + > image { margin: 0 8px; } + + // for <10.4 + > label { + margin: 0 -8px; + font-weight: bold; + } + } + + &.bottom { border-top: 1px solid $borders_color; } + } + + scrolledwindow > .frame { // stacking raised-grid + // reserve L/R shadow region + // FIXME: Do not set any L/R margins and borders + padding: 0 $raven_padding; + transition-duration: 0s; + border: none; + + > box.vertical > box.vertical { + margin: $raven_padding 0; // do not set L/R margins + border-radius: $raven_radius; + background-color: $raven_header_bg_color; + // draw side edges via opaque box-shadows + transition-duration: 0s; + border: 1px solid $raven_border_color; + } + + .raven-header { + margin-top: -$raven_padding * 2; // unset parent margin + border-radius: $raven_radius $raven_radius 0 0; + } + + .raven-background { + margin-bottom: -$raven_padding * 2; // unset parent margin + border-radius: 0 0 $raven_radius $raven_radius; + background-color: $raven_base_color; + } + + > box.vertical > box.vertical:last-child { + // FIXME: we can't crop album-art images horizontally with any borders, + // paddings, and margins. And parent GtkBox does not sync to the size + // of album-art dynamically while transitioning images. so set specific + // depth-0 OSD materials for MPRIS. + border-radius: $raven_radius; + border: none; + background-color: if($variant =='light', rgba(black, 0.65), rgba(black, 0.35)); + color: rgba(white, 0.65); + + // .raven-header { + // background-color: rgba(black, 0.65); + // color: rgba(white, 0.75); + // } + + .raven-background { + background-color: rgba(black, 0.25); + margin-bottom: 0; // unset parent margin + + image { color: rgba(white, 0.15); } + + // MPRIS Applet + .raven-mpris { + background-color: rgba(black, 0.35); + color: $selected_fg_color; + border-radius: 0 0 $raven_radius $raven_radius; + + label { min-height: 24px; } + + image { //reset image color + color: rgba(white, 0.85); + &:disabled { + color: rgba(white, 0.35); + } + } + + button.image-button { + padding: 8px; + border: none; + @extend %selected-button; + } + } + } + + button.flat { + @extend %selected-button; + } + } + + // audio app/device switcher + box.audio-widget stackswitcher.linked { + padding: 0; // limit child horizontal spacing + + > button.text-button.radio { + padding-top: $raven_padding; + padding-bottom: $raven_padding; + border-top: 1px solid $dark_borders_color; + @extend %raven_middle_button; + @include button(undecorated); + background-color: $menu_bg; + + &:hover { + background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%)); + } + + &:active, &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { @include button(flat-insensitive); } + + &:first-child{ @extend %raven_first_button; } + &:last-child { @extend %raven_last_button; } + &:only-child { @extend %raven_single_button; } + } + } + } + + viewport.frame .raven-header { margin-top: -$raven_padding; } + + .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; } + + .raven-background { + &.middle { border-bottom-style: none; } // applet background between two headers + + checkbutton, radiobutton { // this is for a nice focus on check and radios text + &.text-button { + &:hover { color: darken($raven_fg_color, 15%); } + &:disabled { color: rgba($raven_fg_color, 0.45); } + } + } + + switch { @extend %switch_mac; } + + list { color: $raven_fg_color; background-color: $raven_base_color; } + + // for <10.4 + &.frame { border-style: solid none; border-width: 1px; border-color: $borders_color; } + + > overlay > widget > image { color: rgba($raven_fg_color, 0.12); } + + // for <10.4 + grid > label:first-child { min-height: 26px; } // workaround to fix vertical-align + + // for <10.4 + spinbutton:not(.vertical) { @extend %flat_entry; } + + // for <10.4 + // button.combo { } + } + + scrolledwindow.raven-background { border-bottom-style: none; } + + // for <10.4 + .raven-header.top + .raven-background { + border-style: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + + stackswitcher button { margin: -4px 0; } + } + + .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; + } + + .option-subtitle { font-size: smaller; } + + // notification list + box.vertical > stack > box.vertical { + > .raven-header { background-color: $raven_header_bg_color; } + > .raven-background > viewport.frame { + padding: 0; // reset padding for full-width list node + + list { background-color: $raven_base_color; } + + > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; + + > grid > *, // legacy + > box.vertical * { color: $raven_fg_color; } + + image { padding-left: 8px; } + + button.image-button { // 'dismiss' + @extend %circular_button; + margin: 8px; + padding: 2px; + image { padding: 0; } + &:active, &:checked { + image { color: white; } + } + } + + // sub-list rows grouping + list { + border-radius: 0; + border-top: 1px solid $borders_color; + border-bottom: 1px solid $borders_color; + + > row.activatable { + border-bottom: 1px solid $borders_color; + &:last-child { border-bottom: none; } + + &:selected { + background-color: rgba($raven_fg_color, 0.06); + } + + label { padding: 0 16px; } + + button.image-button { // 'close' + min-height: 24px; + min-width: 24px; + image { padding: 0; } + } + + // box.horizontal > label:first-child { font-weight: 500; } // title labels + } + } + + &:selected { + background-color: rgba($selected_bg_color, 0.75); + // &:dir(ltr) { box-shadow: inset 2px 0 $selected_bg_color; } + // &:dir(rtl) { box-shadow: inset -2px 0 $selected_bg_color; } + + > grid > *, + > box.vertical * { color: $selected_fg_color; } + + button.image-button { // 'dismiss' + border: none; + + &:hover { background-color: rgba(white, 0.25); } + &:active, &:checked { background-color: rgba(white, 0.35); } + } + + list { + border: 1px solid rgba(white, 0.12); + background: none; + + > row.activatable { + border-bottom: 1px solid rgba(white, 0.12); + &:last-child { border-bottom: none; } + + &:selected { + background-color: rgba($selected_bg_color, 0.65); + } + } + } + } + } + } + } + + .audio-widget { + // scale.marks-after { + // label { } + // } + + // button.flat.expander-button { } + + list.devices-list.sound-devices { + > row.activatable { + &:selected, &:checked { + background-color: rgba($fg_color, 0.06); + color: $fg_color; + + label { color: $fg_color; } + } + + label { padding-left: 12px; } + } + } + } +} + +// some specific scale styling +box.audio-widget, +window.sound-popover.background { + scale.horizontal.marks-after { // overdrive-mode scale + padding-top: 0; // unset default padding + padding-bottom: 0; + + trough { // overdrive-mode trough styling + background-color: transparent; // unset default trough color + @each $_dir, $_opp_end in (ltr, right), + (rtl, left) { + &:dir(#{$_dir}) { + background-image: + linear-gradient(to $_opp_end, + rgba($success_color, 0.25) calc(66% - 3px), + rgba($destructive_color, 0.25) calc(66% - 3px), + rgba($destructive_color, 0.25) 100%); + } + } + } + + mark { + // hide label for vertically centered troughs + label { font-size: 0; } + } + } +} + +// Calendar +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: $raven_fg_color; + + &:selected { + border-radius: 3px; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &.button { + @extend %undecorated_button; + color: transparentize($raven_fg_color, 0.55); + + &:hover { color: $raven_fg_color; } + &:disabled { color: transparentize($raven_fg_color, 0.75); } + } + + &:indeterminate { color: gtkalpha($raven_fg_color, 0.35); } + &.highlight { color: $raven_fg_color; } +} + +// Notifications +%budgie-notification-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: $wm_radius; + + button.image-button { // 'close' + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; + } +} + +%budgie-notification, +.budgie-notification { + background-color: transparent; + background-image: none; + + .notification-title { font-size: 120%; } + .notification-body { @extend %dim-label; } +} + +// On Screen Display in Budgie +.budgie-osd-window { + @extend %budgie-notification-window; +} + +// Internal part of the OSD +.budgie-osd { + background-color: transparent; + background-image: none; + .budgie-osd-text { font-size: 120%; } +} + +// Alt+tab switcher in Budgie +.budgie-switcher-window { + @extend %budgie-notification-window; +} + +window.budgie-switcher-window { + border-radius: $wm_radius; + background-color: transparent; + background-image: none; + + // draw actual backgrounds and shadows + .drop-shadow { + @extend %drop-shadow; + + // label.budgie-switcher-title { // bottom label for app titles + // } + } + + flowboxchild { // icon-tiles + margin: 2px; + border-radius: $wm_radius; + -gtk-outline-radius: $wm_radius; + // background-color: transparent; + background-image: none; + } +} + +// Internal part of the Switcher +.budgie-switcher { + @extend %budgie-notification; + // background-color: transparent; + // background-image: none; +} + +%drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: $wm_radius; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, + 0 3px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), + 0 0 0 1px if($variant=='light', rgba($borders_color, 0.15), rgba($dark_borders_color, 0.55)), + inset 0 0 0 1px rgba(white, 0.06); + + background-color: if($trans == 'true', rgba($base_color, 0.95), $base_color); + background-image: none; + + button { @extend %budgie_button; } + + .linked > button { border-radius: $bt_radius; } +} + +%budgie_dialog { + border-radius: $wm_radius; + background-color: $bg_color; + @if $variant == 'dark' { border: 1px solid lighten($menu_bg, 10%); } + + &.background {border-radius: $wm_radius; } + decoration { border-radius: $wm_radius; } +} + +// Session Dialog +.budgie-session-dialog, +.budgie-polkit-dialog { + @extend %budgie_dialog; + + label:not(:last-child), + .dialog-title { font-size: 120%; } + + buttonbox.linked.horizontal > button { + padding: 4px 16px; + border: none; + border-top: 1px solid $dark_borders_color; + border-radius: 0; + + &:first-child { border-bottom-left-radius: $wm_radius; } + &:last-child { border-bottom-right-radius: $wm_radius; } + } + + buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + &:hover { + @include button(flat-hover); + border-color: $dark_borders_color; + transition: $button_transition; + } + + &:active, &:checked { + @include button(flat-active); + border-color: $dark_borders_color; + text-shadow: $text_shadow; + } + } +} + +// PolKit Dialog +.budgie-polkit-dialog { + @extend %budgie_dialog; + + .message { color: gtkalpha(currentColor, 0.6); } + .failure { color: $destructive_color; } +} + +// Run Dialog +.budgie-run-dialog { + @extend %budgie_dialog; + + background-color: $base_color; + + entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px $highlight_color; + background-color: transparent; + } + + list .dim-label { opacity: 1; } + + scrolledwindow { border-top: 1px solid $borders_color; } +} + +// pixel-saver(?) applet +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; + + > widget > label { color: rgba($panel_fg, 0.75); } // titles + + > button.image-button.titlebutton { padding: 0 3px; } + + &.horizontal { // spacing + padding: 0 3px; + + > widget > label { + &:dir(ltr) { padding-right: 3px; } + &:dir(rtl) { padding-left: 3px; } + } + + > button.image-button.titlebutton { padding: 0 3px; } + } +} diff --git a/src/sass/gtk/_colors-public.scss b/src/sass/gtk/_colors-public.scss new file mode 100644 index 0000000..3259aa1 --- /dev/null +++ b/src/sass/gtk/_colors-public.scss @@ -0,0 +1,150 @@ +//apps rely on some named colors to be exported + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color fg_color #{"" + $fg_color}; +@define-color text_color #{"" + $text_color}; +@define-color bg_color #{"" + $bg_color}; +@define-color base_color #{"" + $base_color}; +@define-color selected_bg_color #{"" + $selected_bg_color}; +@define-color selected_fg_color #{"" + $selected_fg_color}; +@define-color insensitive_bg_color #{"" + $disabled_fg_color}; +@define-color insensitive_fg_color alpha(#{"" + $disabled_fg_color}, 0.5); +@define-color insensitive_base_color #{"" + $base_color}; +@define-color theme_unfocused_fg_color #{"" + $fg_color}; +@define-color theme_unfocused_text_color #{"" + $text_color}; +@define-color theme_unfocused_bg_color #{"" + $bg_color}; +@define-color theme_unfocused_base_color #{"" + $base_color}; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $borders_color}; + +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; +@define-color success_color #{"" + $success_color}; +@define-color placeholder_text_color #{#A8A8A8}; +@define-color link_color #{"" + $link_color}; +@define-color content_view_bg #{"" + $base_color}; + +//WM +$wm_highlight: lighten(opacify($header_highlight, 1), 10%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); +@define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); + +@define-color wm_bg #{"" + opacify($header_bg, 1)}; +@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; + +@define-color wm_highlight #{"" + $wm_highlight}; +@define-color wm_shadow alpha(#{black}, 0.75); + +//WM Buttons + +// Close +@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; +@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; +@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; + +@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; + +// Minimize, Maximize +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; + +@define-color wm_icon_bg #{"" + $wm_icon_bg}; +@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; +@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; +@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; + +// Titlebar +@define-color titlebar_gradient_a #{"" + $header_bg}; +@define-color titlebar_gradient_b #{"" + $header_bg}; + +// +// Budgie-desktop specific indicator colours +// + +// unfocused window 'dot(s)' +@define-color budgie_tasklist_indicator_color #{"" + $selected_bg_color}; +// focused window 'line' +@define-color budgie_tasklist_indicator_color_active #{"" + $selected_bg_color}; +// group-ed and unfocused window 'line(s)' +@define-color budgie_tasklist_indicator_color_active_window #{"" + mix($selected_bg_color, $panel_bg, 54%)}; +// attention 'dot' +// FIXME: we can't fill whole widget backgrounds with our suggestion colour +// because of lacking specific style-class on 'needs_attention' state, +// so use warning orange dot instead. +@define-color budgie_tasklist_indicator_color_attention #{"" + $warning_color}; + +// +// Color Palette Definitions for compatibility with Granite. +// + +//* Strawberry * +@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}; +//* Orange * +@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}; +//* Banana * +@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}; +//* Lime * +@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}; +//* Blueberry * +@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}; +//* Grape * +@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}; +//* Cocoa * +@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}; +//* Silver * +@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}; +//* Slate * +@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}; +//* Black * +@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}; diff --git a/src/sass/gtk/_common.scss b/src/sass/gtk/_common.scss new file mode 100644 index 0000000..d16f7d6 --- /dev/null +++ b/src/sass/gtk/_common.scss @@ -0,0 +1,4027 @@ + +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + outline-color: gtkalpha(currentColor, 0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: $bt_radius; + -gtk-secondary-caret-color: $selected_bg_color; +} + +// +// Base States +// +.background { + // border-radius: 0 0 $wm_radius $wm_radius; + color: $fg_color; + background-color: rgba($bg_color, 0.999); + + // > box > stack { background-color: $bg_color; } + + &.csd { border-radius: 0 0 $wm_radius $wm_radius; } // Set csd windows botttom border radius + &.maximized, &.solid-csd { border-radius: 0; } // No radius when windows maximized +} + +.popup.background { + background-color: transparent; // without this menus transparency doesn't work +} + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + + &:hover { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + + &:disabled { + background-color: $disabled_bg_color; + color: $disabled_fg_color; + } + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +%view, .view { + color: $text_color; + background-color: $base_color; + transition: all 200ms $ease-out-quad; + + &:hover { background-color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 3%)); } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + transition: all 350ms $ease-out-quad; + + &:focus { + @extend %selected_items; + } + } +} + +textview { + background-color: $base_color; // This will get overridden by .view, needed by gedit line numbers + + text { + background-color: $base_color; + // @extend %view; + selection { &:focus, & { @extend %selected_items; }} + } + + border { + background-color: mix($bg_color, $base_color, 50%); + } +} + +iconview { + @extend %view; + + &, &:hover, &:selected { border-radius: $bt_radius; } +} + +%rubberband, +rubberband, +.rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + rubberband { @extend %rubberband; } + + flowboxchild { + padding: 3px; + border-radius: $bt_radius; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } + + &.search-bar { border-bottom: 1px solid $header_border; } +} + +label { + &.separator { + @extend %dim-label; + + color: $fg_color; + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $disabled_fg_color; + selection { @extend %selected_items, :disabled; } + } +} + +%dim-label, .dim-label { + opacity: 0.55; +} + +assistant { + // min-height: 38px; + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + box-shadow: none; +} + +// +// Spinner Animations +// +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { + opacity: 0.5; + } + } +} + +// +// Text Entries +// + +%Linked_entrys { + @include entry(normal); + border: none; + + &:focus { + @include entry(focus); + } + + &:disabled { + @include entry(insensitive); + } +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: $bt_radius; + caret-color: currentColor; + + &.search { border-radius: $bt_radius; } + + @include entry(normal); + + image { // icons inside the entry + color: mix($fg_color, $base_color, 80%); + + &.left { padding-left: 0; padding-right: 5px; } + &.right { padding-right: 0; padding-left: 5px; } + } + + @at-root %flat_entry, &.flat { + &, &:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { + @include entry(focus); + } + + &:disabled { + @include entry(insensitive); + } + + selection { &:focus, & { @extend %selected_items; }} + + // error and warning style + @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color), + (error, $error_color, $light_fg_color), + (search-missing, $error_color, $light_fg_color) { // entry.search-missing for Gnome-Builder + &.#{$e_type} { + color: $e_fg_color; + background-color: mix($e_color, $base_color, 60%); + border-image: none; + + image { color: $e_fg_color; } + + &:focus { + color: $e_fg_color; + background-color: $e_color; + box-shadow: none; + } + + selection, selection:focus { + background-color: $e_fg_color; + color: $e_color; + } + } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: none; + border-image: none; + } + } + + .osd & { + @include entry(osd); + border-image: none; + &:focus { @include entry(osd-focus); border-image: none; } + &:disabled { @include entry(osd-insensitive); border-image: none; } + + selection { + &:focus, & { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + } + } + + progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $progress_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + // linked entries + .linked:not(.vertical) > &, + .linked:not(.vertical) > &:focus { + @extend %linked; + min-height: 20px; + } + + .linked.vertical > &, + .linked.vertical > &:focus { + @extend %linked_vertical; + } + + .linked > &:not(:only-child) { + @extend %Linked_entrys; + } + + .linked:not(.vertical) > & + button.combo { padding-left: 0; } + .linked.vertical > & + button.combo { padding: 0; } +} + +.entry-tag { + $tag_height: 24px; + $tag_margin: 8px; + + margin: $tag_margin; // instead of min-height: $tag_height; + border-radius: 50px; + box-shadow: none; + background-color: $destructive_color; + color: $light_fg_color; + border: none; + + &:hover { box-shadow: 0 0 0 1px $borders_color; } + + // side margins: compensate the entry padding with a negative margin + // then the negative margin itself + :dir(ltr) & { + margin-left: 8px; + margin-right: $tag_margin - 8px; + padding-left: 8px; + padding-right: ($tag_height - 16px) / 2; + } + + :dir(rtl) & { + margin-left: $tag_margin - 8px; + margin-right: 8px; + padding-left: ($tag_height - 16px) / 2; + padding-right: 8px; + } + + // seems any sizing doesn't work + &.button { + box-shadow: none; + border: none; + background-color: transparent; + + &:not(:hover):not(:active) { color: $disabled_fg_color; } + } +} + +// +// Buttons +// +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +button { + min-height: 20px; + min-width: 16px; + transition: $button_transition; + border: 1px solid; + border-radius: $bt_radius; + padding: 0 6px; + @include button(normal); + + separator { margin: 4px 1px; } + + @at-root %flat_button, &.flat { + min-height: if($variant =='light', 24px, 24px); + @include button(flat-normal); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + @include button(flat-hover); + transition: $button_transition; + transition-duration: 350ms; + + &:active { transition: $button_transition; } + } + + &:active, &:checked { @include button(flat-active); } + &:checked:hover { background-image: none; } + &:disabled { @include button(undecorated); } + + &.toggle.popup { + min-width: 20px; + } + } + + &:hover { + @include button(hover); + -gtk-icon-effect: highlight; + } + + &:active, &:checked { + @include button(active); + + background-clip: if($variant=='light', border-box, padding-box); + transition-duration: 200ms; + + &:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &:disabled { + @include button(insensitive); + + &:active, &:checked { + @include button(insensitive-active); + } + } + + &.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; + } + + &.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; + } + + &.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; + + label { + &:first-child { + padding-left: 8px; + padding-right: 2px; + } + + &:last-child { + padding-right: 8px; + padding-left: 2px; + } + + &:only-child { + padding-left: 8px; + padding-right: 8px; + } + } + + &.popup { padding-right: 6px; padding-left: 6px; } + } + + &.close { // The Bloody Circul Button + @extend %circular_button; + } + + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: none; + } + + // big standalone buttons like in Documents pager + &.osd { + color: $osd_fg_color; + background-color: $osd_bg_color; + border-color: darken($osd_bg_color, 8%); + + &.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; + } + + &:hover { color: $selected_bg_color; } + &:active, &:checked {@include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + + &.flat { + @include button(undecorated); + box-shadow: none; + + &:hover { @include button(osd-hover); } + + &:disabled { + @include button(osd-insensitive); + background-image: none; + } + + &:active, &:checked { @include button(osd-active); } + } + } + + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $light_fg_color), + (destructive-action, $destructive_color, $light_fg_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color, $b_fg); + + &.flat { + @include button(undecorated); + color: $b_color; + } + + &:hover { + @include button(suggested_destructive, lighten($b_color, 5%), $b_fg); + } + + &:active, &:checked { + @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); + box-shadow: none; + } + + &.flat:disabled { + @include button(undecorated); + color: $disabled_fg_color; + } + + &:disabled { @include button(insensitive); } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overridden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > image { + padding-left: 6px; + padding-right: 6px; + } + &.text-button { + padding-left: 10px; + padding-right: 10px; + } + &.image-button { + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + + > label, > image { @extend %needs_attention; } + + &:active, &:checked { + > label, > image { + animation: none; + background-image: none; + } + } + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + @if $variant == 'light' { background-position: right 3px, right 4px; } + @else { background-position: right 3px, right 2px; } + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + @else { background-position: left 3px, left 2px; } + } + } + + // hide separators + &.font, + &.file { separator { background-color: transparent; }} + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: $bt_radius; + // border: none; + @extend %linked; + } + + .linked:not(.vertical) > & { @extend %linked; } + + .linked.vertical > & { @extend %linked_vertical; } +} + +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + min-height: 20px; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:active, + &:checked{ @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + &:disabled:active, + &:disabled:checked { @include button(flat-insensitive-active); } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + & > button.flat { @extend %linked; } + + &:first-child > button.flat { + border-top-left-radius: $bt_radius; + border-bottom-left-radius: $bt_radius; + } + + &:last-child > button.flat { + border-top-right-radius: $bt_radius; + border-bottom-right-radius: $bt_radius; + border-right-style: solid; + } + + &:only-child > button.flat { + border-radius: $bt_radius; + border-style: solid; + } +} + +// Some crazy linking stuff +@mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', + $e_border:$entry_border, $b_border:$button_border) { + + $_border: if($vert=='false', left, top); + + @if $entry_rules=='true' { + @each $e_type, $e_color in (':focus', $entry_highlight), + (':drop(active)', $drop_target_color), + ('.warning:focus', $warning_color), + ('.error:focus', $error_color) { + + > entry#{$e_type}:not(:only-child) { + box-shadow: inset 0 0 0 2px $e_color; + } + } + } + + @if $button_rules=='true' { + $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; + + > button + button { border-#{$_border}-style: none; } + } +} + +// special case, because path-bars are bugged +@mixin pathbar_linking_rules ($sep_color: $button_border, $button_rules: 'true') { + + @if $button_rules == 'true' { + > button + button { + border-left-style: none; + } + } + + @if $button_rules == 'header' { + > button:first-child { border-left-style: if($variant == 'light', solid, none); } + > button + button { border-left-style: solid; } + + @if $variant == 'light' { + > button:active + button { + border-left-color: mix(black, $header_button_active_bg, 15%); + } + + > button:active + button:checked, + > button:checked + button { + border-left-color: mix(black, $header_button_checked_bg, 15%); + } + } + } +} + +// Apply the rules defined above +.linked:not(.vertical) { + &:not(.path-bar) { @include linking_rules(); } + &.path-bar { @include pathbar_linking_rules(); } +} + +.linked.vertical { @include linking_rules($vert:'true'); } + +%linked_middle { + border-radius: 0; + border-right-style: none; +} + +%linked { + @extend %linked_middle; + &:first-child { + border-top-left-radius: $bt_radius; + border-bottom-left-radius: $bt_radius; + } + &:last-child { + border-top-right-radius: $bt_radius; + border-bottom-right-radius: $bt_radius; + border-right-style: solid; + } + &:only-child { + border-radius: $bt_radius; + border-style: solid; + } +} + +%linked-flat { + @extend %linked_middle; + &:first-child { + border-top-left-radius: $bt_radius; + border-bottom-left-radius: 0; + } + &:last-child { + border-top-right-radius: $bt_radius; + border-bottom-right-radius: 0; + border-right-style: solid; + } + &:only-child { + border-radius: $bt_radius $bt_radius 0 0; + border-style: solid; + } +} + +%linked_vertical_middle { + border-radius: 0; + border-bottom-style: none; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + &:first-child { + border-top-left-radius: $bt_radius; + border-top-right-radius: $bt_radius; + } + &:last-child { + border-bottom-left-radius: $bt_radius; + border-bottom-right-radius: $bt_radius; + border-bottom-style: solid; + } + &:only-child { + border-radius: $bt_radius; + border-style: solid; + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +// menu buttons +menuitem.button.flat, +modelbutton.flat { + transition: $shorter_transition; + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: $bt_radius; + + @extend %undecorated_button; + + &:hover { + background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); + transition-duration: 50ms; + } + + &:active, &:selected { + &, arrow { + @extend %selected_items; + transition: none; + animation: none; + } + } + + &:checked { color: $fg_color; } + &:disabled { color: $disabled_fg_color; } + + // FIXME: temporary workaround + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +// +// Links +// +%links, *:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +button:link, button:visited { + @extend %undecorated_button; + @extend %links; + + &:hover, &:active, &:checked { + @extend %undecorated_button; + } + > label { text-decoration-line: underline; } +} + +// +// Spinbuttons +// +spinbutton { + &:drop(active) { box-shadow: none; } + + button:active { color: $selected_fg_color; } + &:disabled { color: $disabled_fg_color; } + + entry { + padding-top: 2px; + padding-bottom: 2px; + @extend %Linked_entrys; + border: 1px solid $borders_color; + + &:focus { + border-color: $entry_highlight; + @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $entry_highlight; } + @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $entry_highlight; } + } + + &:drop(active) { + border-color: $drop_target_color; + @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $drop_target_color; } + @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $drop_target_color; } + } + } + + &:not(.vertical) { + entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; + } + + button, entry { @extend %linked; } + + &:dir(ltr) entry, + &:dir(rtl) button.up { border-radius: $bt_radius 0 0 $bt_radius; } + + > button + button { border-left-style: none; } + + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $button_border; } + + > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), + > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 transparentize($button_border, 0.5); } + + > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: $entry_highlight; } + > entry:drop(active) + button { border-left-color: $drop_target_color; } + + .osd & { + &, &:focus, &:drop(active) { border-image: none; } + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } + + > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: $entry_highlight; } + } + } + + &.vertical { + button, entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; + + @extend %linked_vertical; + } + + button.up { border-radius: $bt_radius $bt_radius 0 0; } + + > entry:focus + button { border-top-color: $entry_highlight; } + > entry:drop(active) + button { border-top-color: $drop_target_color; } + } +} + +// +// Comboboxes +// +combobox { + min-height: 16px; + + button.combo { + min-width: 0; // otherwise the arrow placement is unsymmetric + min-height: 16px; + // margin: 0; + padding-left: 12px; + padding-right: 12px; + } + + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + .background & button.combo arrow { + @include button(active); + -gtk-icon-source: -gtk-scaled( + url("assets/combobox-arrow-dark.png"), + url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: $bt_radius - 1px; + border: none; + } + + // .background & menu arrow { // Reset menu overflow arrow + // @extend %menu_overflow_arrow; + // } + + decoration, + button.combo:checked, + .background & button.combo:checked { transition: none; } // workaround for menuitem selection + + &:drop(active) button.combo { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: none; + } + + .linked:not(.vertical) > entry + button.combo, + .linked:not(.vertical) > & > box > button.combo { + arrow { + background-color: transparent; + -gtk-icon-source: -gtk-scaled( + url("assets/combobox-arrow#{$asset_suffix}.png"), + url("assets/combobox-arrow#{$asset_suffix}@2.png")); + } + } + + .linked:not(.vertical) > entry + button.combo:checked, + .linked:not(.vertical) > & > box > button.combo:checked { + arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled( + url("assets/combobox-arrow-dark.png"), + url("assets/combobox-arrow-dark@2.png")); + } + } + + .linked:not(.vertical) > & > box > button.combo { + // the combobox is a composite widget so the way we do button linking doesn't + // work, special case needed. + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump + } + + .linked:not(.vertical) > &:first-child > box > button.combo { + border-top-left-radius: $bt_radius; + border-bottom-left-radius: $bt_radius + } + + .linked:not(.vertical) > &:last-child > box > button.combo { + border-top-right-radius: $bt_radius; + border-bottom-right-radius: $bt_radius; + border-right: 1px solid $button_borders; + } + + .linked:not(.vertical) > &:only-child > box > button.combo { + border-radius: $bt_radius; + } + + // .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > &:first-child > box > button.combo { + border-top-left-radius: $bt_radius; + border-top-right-radius: $bt_radius; + } + + .linked.vertical > &:last-child > box > button.combo { + border-bottom-left-radius: $bt_radius; + border-bottom-right-radius: $bt_radius; + } + + .linked.vertical > &:only-child > box > button.combo { + border-radius: $bt_radius; + } +} + +// +// Toolbars +// +%toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $header_bg; + // border-radius: $wm_radius; + + &.horizontal { border-bottom: 1px solid $borders_color; } + + separator { background: none; } + &.horizontal separator { margin: 0 6px; } + &.vertical separator { margin: 6px 0; } + + .osd & { background-color: transparent; } + + &.osd { + padding: 8px; + border: 1px solid $borders_color; + border-radius: $bt_radius; + background-color: $base_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + + &.top { border-width: 0 0 1px 0; } + &.bottom { border-width: 1px 0 0 0; } + &.left { border-width: 0 1px 0 0; } + &.right { border-width: 0 0 0 1px; } + } + + &:not(.inline-toolbar) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } + + .linked > button, + .linked > entry { margin-right:0; } + } +} + +.primary-toolbar:not(.libreoffice-toolbar) { // LO messes up the toolbar styling, so exclude LO toolbars + color: $text_color; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, $borders_color, $borders_color) 1 0 1 0; //temporary hack for rhythmbox 3.1 + + // &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + separator { @extend %header_separator; } +} + +.inline-toolbar { + @extend %toolbar; + background-color: darken($bg_color, 3%); + border-style: solid; + border-color: $borders_color; + border-width: 0 1px 1px; + padding: 3px; + + .background.csd & { + border-radius: 0 0 $bt_radius $bt_radius; + } +} + +searchbar { + background-color: $bg_color; + padding: 0; + margin: 0; + border: none; + + > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: $solid_borders_color; + border-width: 0 0 1px; + } + + .linked:not(.vertical) { + > entry { + margin-top: 0; + margin-bottom: 0; + } + } + + // Close button on searchbar + button.flat { + @extend %circular_button; + } +} + +actionbar { + padding: 6px; + border-top: 1px solid $borders_color; + background-color: darken($bg_color, 3%); + + .background.csd & { + border-radius: 0 0 $wm_radius $wm_radius; + } +} + +// +// Headerbars +// + +headerbar, +%titlebar { + min-height: 40px; + padding: 0 16px; + color: $header_fg; + background-color: $header_bg; + border-bottom: 1px solid $header_border; + + &:backdrop { + transition: $backdrop_transition; + color: transparentize($header_fg, 0.3); + background-color: $header_bg_backdrop; + border-color: if($variant=='light', lighten($header_border, 5%), darken($header_border, 3%)); + } + + .title { + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; + @extend %dim-label; + } + + entry { @extend %headerbar_entrys; } + + button { @extend %headerbar_buttons; } + + button, spinbutton { + margin-top: 8px; + margin-bottom: 8px; + } + + // button.toggle.popup { margin-right: 3px; } // Nautilus 3.30 popup button + + // Reset linked buttons + .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: $bt_radius; + border: none; + box-shadow: none; + + &:disabled { background: none; } + } + + stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: $bt_radius; + } + + // Reset linking entrys + .linked:not(.vertical) > entry { + @include entry(header-normal); + margin: 8px 3px; + padding: 0 8px; + border-radius: $bt_radius; + border: none; + + &:focus { + border-radius: $bt_radius; + @include entry(header-focus); + } + + &:disabled { + border-radius: $bt_radius; + @include entry(header-insensitive); + } + + &:backdrop { opacity: 0.65; background-image: none; } + } + + stackswitcher { + box-shadow: inset 0 0 0 1px $light_borders_color; + border-radius: $bt_radius; + margin: 8px 0; + padding: 0; + + button { + min-height: 26px; + margin: 0; + font-weight: 500; + + &:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparent 16%, + $light_borders_color 16%, + $light_borders_color 84%, + transparent 84%) 0 0 0 1 / 0 0 0 1px stretch; + } + + &:checked { + border-image: none; + } + } + + button:checked + button { border-image: none; } + } + + // Headerbar Switches + switch { + // @extend %switch; + margin-top: 10px; + margin-bottom: 10px; + + &:backdrop { opacity: 0.75; } + } + + &.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; + } + + // Selectionmode + .selection-mode &, + &.selection-mode { + color: $light_fg_color; + background-color: $selection_mode_bg; + border-color: darken($selection_mode_bg, 4%); + box-shadow: none; + background-image: none; + text-shadow: none; + + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($light_fg_color, 0.4); + border-color: darken($selection_mode_bg, 4%); + } + + button { + @include button(undecorated); + @extend %selected-button; + } + + .subtitle:link { @extend %link_selected; } + + .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + .maximized & { background-color: $selection_mode_bg; } + } + + .tiled &, .tiled &:backdrop, + .maximized &, .maximized &:backdrop { + border-radius: 0; // squared corners when the window is max'd or tiled + box-shadow: none; + } + + .maximized & { + background-color: $header_bg; + border-color: opacify($header_border, 1); + box-shadow: none; + + &:backdrop { + background-color: $header_bg_backdrop; + border-color: if($variant=='light', lighten($header_border, 15%), darken($header_border, 3%)); + } + } + + &.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: $header_bg; + + .tiled &, + .maximized &, + .fullscreen & { box-shadow: none; } + + button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + + &.appmenu { + &, &:active, &:checked { + background-color: transparent; + box-shadow: none; + background-image: -gtk-scaled(url("assets/setting-icon#{$con_asset_suffix}.png"), + url("assets/setting-icon#{$con_asset_suffix}@2.png")); + } + } + } + } + + &.default-decoration, + .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows + &.default-decoration:backdrop, + .csd &.default-decoration:backdrop { + // box-shadow: none; + border: none; + } + + separator.titlebutton { @extend %header_separator; } + + // Fixes split headerbars + separator:first-child + &, + &:first-child { + &, &:backdrop { + border-top-left-radius: $wm_radius; + + .maximized &, + .tiled & { border-radius: 0; } + } + } + + &:last-child { + &, &:backdrop { + border-top-right-radius: $wm_radius; + + .maximized &, + .tiled & { border-radius: 0; } + } + } + + stack & { // tackles the stacked headerbars case + &:first-child, &:last-child { + border-top-left-radius: $wm_radius; + border-top-right-radius: $wm_radius; + } + } + + window separator:first-child + &, + window &:first-child { &:backdrop, & { border-top-left-radius: $wm_radius; }} + window &:last-child { &:backdrop, & { border-top-right-radius: $wm_radius; }} + + window stack & { // tackles the stacked headerbars case + &:first-child, &:last-child { + &:backdrop, & { + border-top-left-radius: $wm_radius; + border-top-right-radius: $wm_radius; + } + } + } + + window.tiled &, + window.tiled-top &, + window.tiled-right &, + window.tiled-bottom &, + window.tiled-left &, + window.maximized &, + window.fullscreen &, + .solid-csd & { + &, + &:first-child, + &:last-child, + &:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } +} + +.titlebar { + &, &.background { + border-top-left-radius: $wm_radius; + border-top-right-radius: $wm_radius; + } + + &, & headerbar { + box-shadow: inset 0 1px $highlight_color; + + .tiled &, + .maximized &, + .fullscreen & { box-shadow: none; } + } +} + +window.background > box.vertical > headerbar:not(.titlebar) { // reset headerbar style for not CSD window + border-radius: 0 0 0 0; + box-shadow: none; + + // Fixes split headerbars + separator:first-child + &, + &:first-child { + &, &:backdrop { + border-top-left-radius: 0; + } + } + + &:last-child { + &, &:backdrop { + border-top-right-radius: 0; + } + } +} + +// Fixes split headerbars too +.titlebar:not(headerbar) { + window > &, + window.csd > & { + &, &:backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; + } + } + + > separator { + min-width: 1px; + @extend %side_separator; + } + + // @extend %titlebar; +} + +headerbar, .titlebar { + button { + min-height: 26px; + min-width: 22px; + } + + entry { // Reset entrys + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; + } +} + +%header_separator { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; + + &:backdrop { opacity: 0.65; } +} + +// Headerbar Entries +%headerbar_entrys { + min-height: 22px; + @include entry(header-normal); + + &:backdrop { opacity: 0.65; background-image: none; } + + &:focus { + @include entry(header-focus); + } + + &:disabled { + @include entry(header-insensitive); + } + + selection:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + progress { + border-color: $progress_color; + background-image: none; + background-color: transparent; + } + + @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color), + (error, $error_color, $light_fg_color) { + &.#{$e_type} { + color: $e_fg_color; + border-color: if($variant=='light', $e_color, $entry_border); + background-color: mix($e_color, $header_bg, 60%); + + &:focus { + color: $e_fg_color; + background-color: $e_color; + } + + selection, selection:focus { + background-color: $e_fg_color; + color: $e_color; + } + } + } +} + +// Headerbar Buttons +%headerbar_buttons { + min-height: 26px; + min-width: 22px; + @include button(header-normal); + + &:backdrop { opacity: 0.65; background-image: none; } + + &:hover { + @include button(header-hover); + transition: $button_transition; + } + + &:active, &:active:hover { + @include button(header-active); + transition: $button_transition; + transition-duration: 300ms; + } + + &:active:hover, &:checked { color: $header_fg; } + + &:checked { + @include button(header-checked); + transition: $button_transition; + transition-duration: 300ms; + + &:hover { background-image: none; } + } + + &:disabled { + &, &:checked, &:active { @include button(header-insensitive); } + } + + &.flat { + @include button(undecorated); + } +} + +// +// Pathbars +// +.path-bar button { + min-width: 12px; + min-height: if($variant == 'light', 24px, 26px); + + &.text-button, &.image-button, & { + padding-left: 6px; + padding-right: 6px; + } + + &:hover { box-shadow: none; } + + &:active, &:checked { + @include button(header-checked); + border-color: $button_borders; + } + + &:disabled { + border-color: $button_borders; + } + + &.text-button.image-button label { padding-left: 0; padding-right: 0; } + + &.text-button.image-button, & { + label:last-child { padding-right: 10px; } + label:first-child { padding-left: 10px; } + } + + &.slider-button, + &:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; + } + + image { + padding-left: 4px; + padding-right: 4px; + } +} + +// +// Tree Views +// +treeview.view { + @at-root * { + -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; + } + + border-radius: 0; + margin: 0 0; + + border-left-color: rgba($fg_color, 0.15); // this is actually the tree lines color, + border-top-color: $borders_color; // while this is the grid lines color, better then nothing + + rubberband { @extend %rubberband; } // to avoid borders being overridden by the previously set props + + acceleditor > label { background-color: $selected_bg_color; } + + &:selected { + &, &:focus { + border-radius: 0; + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: rgba($fg_color, 0.15); // doesn't work unfortunately + + @extend %selected_items; + } + } + + &:disabled { + color: $disabled_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + } + } + + &.separator { + min-height: 2px; + color: $borders_color; + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + + &.after { border-top-style: none; } + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + &.progressbar, &.progressbar:focus { // progress bar in treeviews + color: $selected_fg_color; + border-radius: $bt_radius; + background-color: $progress_color; + + &:selected, &:selected:focus { + color: $selected_bg_color; + box-shadow: none; + background-color: $selected_fg_color; + } + } + + &.trough { // progress bar trough in treeviews + color: $fg_color; + background-color: $button_border; + border-radius: $bt_radius; + border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-color: transparentize(black, 0.8); + border-radius: $bt_radius; + border-width: 0; + } + } + + header { + button { + $_column_header_color: mix($fg_color,$base_color,80%); + + min-height: if($variant =='light', 24px, 26px); + min-width: 38px; + padding: 0 6px; + font-weight: bold; + + color: $_column_header_color; + background-color: $base_color; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + $base_color 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:hover { color: $selected_bg_color; } + &:active { color: $fg_color; } + + &:active, &:hover { background-color: $base_color; } + &:active:hover { color: $fg_color; } + + &:disabled { + border-color: $bg_color; + background-image: none; + } + + &:last-child { + border-right-style: none; + border-image: none; + } + } + } + + button.dnd, + header.button.dnd { + &, &:selected, &:hover, &:active { + padding: 0 6px; + transition: none; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 0; + border-style: none; + } + } +} + +// +// Menus +// + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: $header_bg; + color: $header_fg; + box-shadow: inset 0 -1px $borders_color; + + &:backdrop { + color: transparentize($header_fg, 0.2); + // background-image: none; + // background-color: opacify($header_bg_backdrop, 1); + } + + > menuitem { + transition: all 0.2s cubic-bezier(0.0, 0.0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: $bt_radius; + + // > window.popup.background.csd > decoration { border-radius: 0 0 $wm_radius $wm_radius; } + + > window.popup.background.csd > menu { + // border-radius: 0 0 $wm_radius $wm_radius; + + > menuitem { transition: none; } + } + + &:hover { //Seems like it :hover even with keyboard focus + transition: none; + @include button(header-hover); + } + + &:disabled { + color: transparentize($header_fg, 0.6); + } + } +} + +.context-menu, +menu, +.menu { + // margin: 4px; + padding: 6px 4px; + border-radius: $mn_radius; + background-color: opacify($menu_bg, 1); + border: 1px solid $solid_borders_color; + color: $fg_color; + + .csd & { + background-color: $menu_bg; + @if $variant == 'light' { border: none; } + @if $variant == 'dark' { border: 1px solid lighten($menu_bg, 6%); } + } + + separator, + .csd & separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid $menu_bd; + background-color: transparent; + } + + > menuitem { + transition: background-color 50ms cubic-bezier(0.0, 0.0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: $mn_radius - 3px; + margin: 0 2px; + text-shadow: none; + color: $fg_color; + + &:hover { + transition: none; + color: $selected_fg_color; + background-color: $selected_bg_color; + + arrow { + transition: none; + color: $selected_fg_color; + } + + menu { //sunmenu + arrow { + color: $fg_color; + text-shadow: none; + -gtk-icon-shadow: none; + } + + menuitem:hover { + arrow { color: $selected_fg_color; } + } + } + } + + &:disabled { + color: $disabled_fg_color; + } + + //submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: $fg_color; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-right: 0; + } + + &:dir(rtl) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); + margin-left: 0; + } + } + + @at-root menuitem { + accelerator { color: gtkalpha(currentColor, 0.55); } + + check, radio { + min-height: 16px; + min-width: 16px; + &:dir(ltr) { margin-right: 6px; margin-left: 2px; } + &:dir(rtl) { margin-left: 6px; margin-right: 2px; } + } + } + } + + // overflow buttons + %menu_overflow_arrow, + > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: $fg_color; + + &.top { + margin-top: -6px; + border-radius: $wm_radius $wm_radius 0 0; + border-bottom: 1px solid $borders_color; + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 $wm_radius $wm_radius; + border-top: 1px solid $borders_color; + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: rgba($fg_color, 0.08); } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +// +// Popovers +// +popover, +popover.background { + padding: 0; + border-radius: $wm_radius; + background-clip: border-box; + background-color: $menu_bg; + + box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)), + 0 0 0 1px if($variant=='light', rgba($borders_color, 0.03), rgba($dark_borders_color, 0.55)); + + .csd &, & { + border-radius: $wm_radius; + border: 1px solid if($variant=='light', rgba($borders_color, 0.2), lighten($menu_bg, 6%)); + } + + separator, + & separator, + .csd & separator { + // margin: 4px -9px; + // min-height: 2px; + border: none; + background-color: transparent; + } + + label.separator { + @extend %dim-label; + color: $fg_color; + } + + entry { + background-color: mix($fg_color, $menu_bg, 5%); + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + &, .csd & { + &.osd, &.magnifier { @extend %osd; } + &.touch-selection { font: initial; } + + &.osd { @extend %osd; } + } +} + +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +// +// Notebooks and Tabs +// +notebook { + padding: 0; + // margin-top: -1px; + + &.frame { + border: 1px solid $solid_borders_color; + + > header { + &.top, + &.bottom { + tabs > tab { + &:first-child { border-left-style: none; } + &:last-child { border-right-style: solid; } + } + } + + &.left, + &.right { + tabs > tab { + &:first-child { border-top-style: none; } + &:last-child { border-bottom-style: solid; } + } + } + } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + } + + > header { + padding: 0; + background-color: darken($header_bg, 10%); + + // Set box-shadow to make the header frame color more easy to see + // Set margin to hide the ugly borders around the header + &.top { + box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $borders_color; + @if $variant=='light' { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + 1px 0 $borders_color, + -1px 0 $borders_color; + } + margin-top: -1px; + } + + &.bottom { + box-shadow: inset 0 1px $borders_color, inset 0 -1px $solid_borders_color; + @if $variant=='light' { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + 1px 0 $borders_color, + -1px 0 $borders_color; + } + margin-bottom: -1px; + } + + &.right { + box-shadow: inset 1px 0 $borders_color, inset -1px 0 $solid_borders_color; + @if $variant=='light' { + box-shadow: inset 1px 0 $borders_color, + inset -1px 0 $borders_color, + 0 1px $borders_color, + 0 -1px $borders_color; + } + margin-right: -1px; + } + + &.left { + box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $borders_color; + @if $variant=='light' { + box-shadow: inset 1px 0 $borders_color, + inset -1px 0 $borders_color, + 0 1px $borders_color, + 0 -1px $borders_color; + } + margin-left: -1px; + } + + button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; + + &:active, &:checked { + color: $fg_color; + background-color: if($variant=='light', rgba(black, 0.20), rgba(white, 0.15)); + } + } + + @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { + // sizing and borders + &.#{$_pos} { + padding: 0; + + tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; + // border-#{$_pos}: none; + + // tab overlap + + tab { + @if $_pos==top or $_pos==bottom { margin-left: -1px; } + @else { margin-top: -1px; } + } + } + } + } + + // overflow arrows + &.top, &.bottom { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:last-child { margin-left: 2px; } + } + + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + &:first-child { margin-right: 2px; } + } + } + + &.left, &.right { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:last-child { margin-top: 2px; } + } + + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + &:first-child { margin-bottom: 2px; } + } + } + + > tabs > arrow { + color: $disabled_fg_color; + + &:hover { color: mix($fg_color, $disabled_fg_color, 50%); } + &:active { color: $fg_color; } + &:disabled { color: transparentize($disabled_fg_color,0.3); } + } + + &.top, + &.bottom { + tabs > tab { + &:first-child { border-left-style: none; } + &:last-child { border-right-style: none; } + } + } + + &.left, + &.right { + tabs > tab { + &:first-child { border-top-style: none; } + &:last-child { border-bottom-style: none; } + } + } + + &.top { + + } + + tabs > tab { + color: $disabled_fg_color; + background-color: transparentize($base_color, 1); + border: 1px solid transparent; + transition: all 150ms ease-out; + + &:hover:not(:checked) { + color: mix($fg_color, $disabled_fg_color, 50%); + background-color: if($variant == 'light', rgba(white, 0.2), rgba(white, 0.05)); + border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%)); + } + + &:checked { + color: $fg_color; + background-color: $header_bg; + border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%)); + } + + // close button + button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: mix($bg_color, $fg_color, 35%); + + &:hover { + @extend %undecorated_button; + color: $fg_color; + background-color: rgba($borders_color, 0.1); + } + + &:active, &:active:hover { + @extend %undecorated_button; + color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); + background-color: rgba($borders_color, 0.2); + } + } + } + } +} + +// +// Scrollbars +// +$_scrollbar_bg_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); + +scrollbar { + $_slider_min_length: 40px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: transparent; + transition: 300ms $ease-out-quad; + + // scrollbar border + // &.top { border-bottom: 1px solid $borders_color; } + // &.bottom { border-top: 1px solid $borders_color; } + // &.left { border-right: 1px solid $borders_color; } + // &.right { border-left: 1px solid $borders_color; } + + border: none; + + button { border: none; } + + &.vertical button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + + &.horizontal button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + + // slider + slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: mix($fg_color, $bg_color, 40%); + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + &:hover:active { background-color: $header_button_checked_bg; } + &:disabled { background-color: transparent; } + } + + &.fine-tune { + slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal slider { border-width: 5px 4px; } + &.vertical slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; + + slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: mix($fg_color, $bg_color, 70%); + border: 1px solid $borders_color; + } + + &.horizontal slider { + margin: 0 3px; + min-width: $_slider_min_length; + } + + &.vertical slider { + margin: 3px 0; + min-height: $_slider_min_length; + } + } + + &.dragging, + &.hovering { opacity: 0.99; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + &.vertical slider { min-height: $_slider_min_length; } +} + +// +// Switches +// + +%reset_switch { + &, &:disabled { // specificity bump + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; + + &:dir(rtl) { background-position: left center; } + } +} + +%switch_pixmap { + // 'indeterminate' is the synthetic wildcard + &:not(:indeterminate) { + @extend %reset_switch; + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms $ease-out-quad; + + slider:not(:indeterminate) { + @extend %reset_switch; + margin: 0; + background-size: 40px 24px; + } + + // use ugly pixmaps + background-image: -gtk-scaled( + url("assets/switch.png"), + url("assets/switch@2.png")); + &:hover { + transition: all 350ms $ease-out-quad; + background-image: -gtk-scaled( + url("assets/switch-hover.png"), + url("assets/switch-hover@2.png")); + } + + &:checked { + transition: all 350ms $ease-out-quad; + background-image: -gtk-scaled( + url("assets/switch-active.png"), + url("assets/switch-active@2.png")); + + &:hover { + background-image: -gtk-scaled( + url("assets/switch-active-hover.png"), + url("assets/switch-active-hover@2.png")); + } + + &:disabled, + &:disabled:hover { + background-image: -gtk-scaled( + url("assets/switch-active-insensitive.png"), + url("assets/switch-active-insensitive@2.png")); + } + } + + &:disabled, + &:disabled:hover { + background-image: -gtk-scaled( + url("assets/switch-insensitive#{$asset_suffix}.png"), + url("assets/switch-insensitive#{$asset_suffix}@2.png")); + } + } +} + +%switch_mac { + // 'indeterminate' is the synthetic wildcard + &:not(:indeterminate) { + @extend %reset_switch; + min-width: 50px; + min-height: 20px; + margin: 6px 2px; + background-size: 50px 20px; + transition: all 350ms $ease-out-quad; + + slider:not(:indeterminate) { + @extend %reset_switch; + margin: 0; + background-size: 50px 20px; + } + + // use ugly pixmaps + background-image: -gtk-scaled(url("assets/toggle-off.png"), + url("assets/toggle-off@2.png")); + + &:checked { + transition: all 350ms $ease-out-quad; + background-image: -gtk-scaled(url("assets/toggle-on.png"), + url("assets/toggle-on@2.png")); + + &:disabled { + background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), + url("assets/toggle-on-disabled@2.png")); + } + } + + &:disabled { + background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), + url("assets/toggle-off-disabled@2.png")); + } + } +} + +%switch, +switch { + transition: $longer_transition; + // margin: 6px 0; + border-radius: 50px; + background-color: rgba($fg_color, 0.3); + background-clip: padding-box; + color: rgba($fg_color, 0.3); + font-size: 0; + + &:disabled { + color: rgba($fg_color, 0.15); + background-color: rgba($fg_color, 0.15); + } + + &:checked { + animation: $switch_animation; + background-color: $selected_bg_color; + color: rgba(white, 0.65); + + &:disabled { + background-color: rgba($selected_bg_color, 0.45); + color: rgba(white, 0.35); + } + } + + slider { + transition: $longer_transition, $shadow_transition, margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: $shadow_5; + } + + &:hover slider { box-shadow: $shadow_4; } + + &:checked slider { + margin: 2px 2px 2px 0; + background-color: $selected_fg_color; + } + + &:disabled slider { @include entry(disabled); } + + &:checked:disabled slider { animation: none; } + + row & { @extend %switch_pixmap; } +} + +// +// Check and Radio items +// +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:disabled','-checked-insensitive') { + .#{$w}#{$s}, + #{$w}#{$s}, + treeview.#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + + .osd, + %osd_check_radio { + #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), + url("assets/#{$a}#{$as}-dark@2.png")); + } + } + + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + + // menuitem #{$w}#{$s}:hover, + // .view #{$w}#{$s}:selected, + // treeview.#{$w}#{$s}:selected, + // row:selected #{$w}#{$s}, + infobar #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +// Selectionmode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +checkbutton, radiobutton { + // this is for a nice focus on check and radios text + &.text-button { + padding: 2px 0; + outline-offset: 0; + &:hover { color: darken($fg_color, 15%); } + &:disabled { color: $disabled_fg_color; } + } + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; + + &:only-child, + menu menuitem & { margin: 0; } +} + +//checkbutton > check, +//radiobutton > radio { +// &:hover, &:active { } +//} + +// +// GtkScale +// +scale { + $_marks_length: 3px; + $_marks_distance: 1px; + + min-height: 15px; + min-width: 15px; + padding: 3px; + + &.horizontal { + trough { padding: 0 4px; } + highlight, fill { margin: 0 -4px; } + } + + &.vertical { + trough { padding: 4px 0; } + highlight, fill { margin: -4px 0; } + } + + // The slider is inside the trough, negative margin to make it bigger + slider { + min-height: 15px; + min-width: 15px; + margin: -7px; + } + + // Click-and-hold the slider to activate + &.fine-tune { + // Make the trough grow in fine-tune mode + slider { margin: -4px; } + + fill, + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; + } + } + + // Trough + trough { + $_scale_trough_bg: rgba(black, 0.2); + + outline-offset: 2px; + -gtk-outline-radius: 6px; + + border-radius: $bt_radius; + background-color: $_scale_trough_bg; + + &:disabled { background-color: rgba($_scale_trough_bg, 0.12); } + + //OSD troughs + .osd & { + background-color: $_scale_trough_bg; + + highlight { + background-color: $selected_bg_color; + + &:disabled { } + } + + &:disabled { } + } + + // Troughs in selected list-rows and infobars + menuitem:hover &, + row:selected &, + infobar & { + background-color: transparentize(black, 0.8); + + highlight { + background-color: $selected_fg_color; + + &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); } + } + + &:disabled { background-color: transparentize(black, 0.9); } + } + } + + // The colored part of trough + highlight { + border-radius: $bt_radius; + background-color: $selected_bg_color; + + &:disabled { background-color: transparentize($selected_bg_color, 0.45); } + } + + // this is another differently styled part of the trough, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + border-radius: $bt_radius; + background-color: transparentize($selected_bg_color, 0.5); + + &:disabled { background-color: transparent; } + } + + slider { + $_slider_border: if($variant=='light', transparentize(darken($button_border, 0%), 0), transparentize($button_border, 0)); + + background-color: $selected_fg_color; + border: 1px solid $_slider_border; + border-radius: 100%; + box-shadow: $shadow_2; + + transition: $button_transition; + transition-property: background, border; + + &:hover { + background-color: lighten($selected_fg_color, 3%); + border-color: $_slider_border; + box-shadow: $shadow_0; + } + + &:active { + background-clip: border-box; + background-color: $selected_fg_color; + border-color: $_slider_border; + box-shadow: $shadow_3; + } + + &:disabled { + background-color: darken($selected_fg_color, 5%); + border-color: darken($_slider_border, 5%); + } + + // Selected list-row and infobar sliders + menuitem:hover &, + row:selected &, + infobar & { + background-clip: border-box; + background-color: $selected_fg_color; + border-color: $selected_fg_color; + + &:hover { + background-color: mix($selected_fg_color, $selected_bg_color, 85%); + border-color: mix($selected_fg_color, $selected_bg_color, 85%); + } + &:active { + background-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-color: mix($selected_fg_color, $selected_bg_color, 50%); + } + &:disabled{ + background-color: mix($selected_fg_color, $selected_bg_color, 55%); + border-color: mix($selected_fg_color, $selected_bg_color, 55%); + } + } + + // OSD sliders + .osd & { + background-clip: border-box; + background-color: $selected_fg_color; + border-color: $_slider_border; + + &:hover { + background-color: lighten($selected_fg_color, 3%); + border-color: $_slider_border; + box-shadow: $shadow_0; + } + + &:active { + background-color: darken($selected_fg_color, 3%); + border-color: $_slider_border; + box-shadow: $shadow_3; + } + + &:disabled { } + } + } + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_length); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: ($_marks_distance - 1px); + margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); + } + } + } + &.horizontal { + indicator { + min-height: $_marks_length; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_length - 1px); } + } + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_length; + } + + &.fine-tune indicator { min-width: ($_marks_length - 1px); } + } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... +// $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + margin: -10px; + $_scale_asset: 'assets/slider-#{$dir_infix}-#{$marks_infix}#{$state_infix}'; + border-style: none; + border-radius: 0; + + background-color: transparent; + background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); + + $_scale_slider_bg_pos: bottom; + + @if $dir_class == 'horizontal' { + min-height: 26px; + min-width: 24px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-top: -14px; + + $_scale_slider_bg_pos: top; + } + + @else { margin-bottom: -14px; } + } + + @else { + min-height: 24px; + min-width: 26px; + + @if $marks_infix == 'scale-has-marks-above' { + margin-left: -14px; + + $_scale_slider_bg_pos: left bottom; + } + + @else { + margin-right: -14px; + + $_scale_slider_bg_pos: right bottom; + } + } + + background-position: $_scale_slider_bg_pos; + background-repeat: no-repeat; + box-shadow: none; + } + } + + &.fine-tune slider { + // bigger negative margins to make the trough grow here as well + margin: -7px; + + @if $dir_class == 'horizontal' { + @if $marks_infix == 'scale-has-marks-above' { margin-top: -11px; } + + @else { margin-bottom: -11px; } + } + + @else { + @if $marks_infix == 'scale-has-marks-above' { margin-left: -11px; } + + @else { margin-right: -11px; } + } + } + } + } + } + } +} + + +// +// Progress bars +// +progressbar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + + &.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + background-color: transparent; + box-shadow: none; + } + } + // Moving bit + progress { + min-height: 4px; + min-width: 4px; + background-color: $progress_color; + border: none; + border-radius: $bt_radius; + box-shadow: none; //needed for clipping + + row:selected &, + infobar & { background-color: $selected_fg_color; } + } + // Trough + trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: $bt_radius; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + + row:selected &, + infobar & { background-color: transparentize(black, 0.8); } + } +} + +// +// Level Bar +// +levelbar { + block { + min-width: 32px; + min-height: 1px; + } + &.vertical block { + min-width: 1px; + min-height: 32px; + } + + trough { + border: none; + padding: 3px; + border-radius: $bt_radius; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + } + + &.horizontal.discrete block { margin: 0 1px; } + &.vertical.discrete block { margin: 1px 0; } + + block:not(.empty) { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: $bt_radius; + } + block.low { + border-color: $warning_color; + background-color: $warning_color; + } + block.high { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + block.full { + border-color: $success_color; + background-color: $success_color; + } + block.empty { + background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + } +} + +// +// Print dialog +// +printdialog { + paper { + border: 1px solid $borders_color; + background: $base_color; + padding: 0; + } + + .dialog-action-box { margin: 12px; } +} + +// +// Frames +// +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. + // This draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + &.top { @include undershoot(top); } + &.bottom { @include undershoot(bottom); } + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + + @at-root junction { // the small square between two scrollbars + border-style: solid none none solid; + border-width: 1px; + border-color: $borders_color; + background-color: $_scrollbar_bg_color; + + &:dir(rtl) { border-style: solid solid none none; } + } +} + +//vbox and hbox separators +separator { + background-color: $borders_color; + min-width: 1px; + min-height: 1px; + + // &.vertical { + // background-color: if($variant=='light', $borders_color, $header_border); + // } +} + +// +// Lists +// +list { + background-color: $base_color; + border-color: $borders_color; + // border-radius: $wm_radius; + + row { padding: 2px; } +} + +%row_activatable { + &.has-open-popup, + &:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } + + &:active { + color: $fg_color; + background-color: if($variant == 'light', rgba(black, 0.2), rgba(white, 0.2)); + transition-duration: 200ms; + } + + &:disabled { + color: $disabled_fg_color; + image { color: inherit; } + } + + &:selected { + &, &:active { + color: $fg_color; + background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15)); + + label { color: $fg_color; } + } + + &.has-open-popup, + &:hover { background-color: if($variant == 'light', rgba(black, 0.2), rgba(white, 0.2)); } + } +} + +row { + &:not(:hover) { transition: all 300ms $ease-out-quad; } + + button.circular { @extend %circular_button; } + + &:selected { + color: $fg_color; + background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15)); + + label { color: $fg_color; } + + // button { @extend %selected-button; } + } + + &.activatable { + @extend %row_activatable; + } +} + +// +// App Notifications +// +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: $fg_color; + background-color: rgba($header_bg, 0.85); + // background-image: linear-gradient(0deg, $bg_color 0%, $bg_color 85%, darken($bg_color, 5%) 95%, darken($bg_color, 15%) 100%); + border-radius: 0 0 $bt_radius $bt_radius; + border: none; + box-shadow: $shadow_5, 0 0 0 1px if($variant=='light', rgba(black, 0.12), rgba(black, 0.75)); + + border { border: none; } + + button { + @extend %undecorated_button; + + &:not(.text-button).image-button { + @extend %circular_button; + } + + &:hover { @include button(flat-hover); } + &:active, &:checked { @include button(flat-active); } + &:disabled { @include button(flat-insensitive); } + } +} + +// +// Expanders +// +expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} + +// +// Calendar +// +%calendar, +calendar { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: $bt_radius; + padding: 2px 6px; + margin: 0; + + &:selected { + @extend %selected_items; + border-radius: 50px; + } + + &:disabled { color: $disabled_fg_color; } + + &.header { + color: $fg_color; + border: none; + } + + &.button { + @extend %undecorated_button; + + color: rgba($fg_color, 0.45); + + &:hover { color: $fg_color; } + + &:disabled { color: $disabled_fg_color; } + } + + &:indeterminate { color: rgba($fg_color, 0.55); } + &.highlight { color: rgba($fg_color, 0.65); font-weight: 500; } +} + +// +// Dialogs +// + +messagedialog { // Message Dialog styling + + &.background { + background-color: rgba($bg_color, 0.95); + } + + .titlebar { + min-height: 28px; + background-color: rgba($bg_color, 0.95); + border: none; + } + + .dialog-action-area { + padding: 6px; + + button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: $bt_radius; + margin: 0 3px 3px 3px; + border: none; + + &:not(.suggested-action):not(.destructive-action) { + border-radius: $bt_radius; + background-color: transparent; + + &:hover { + @include button(flat-hover); + transition: $button_transition; + } + + &:active, &:checked { + + @if $variant == 'light' { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + @else { + @include button(active); + } + } + } + + &.suggested-action, &.destructive-action { + border-radius: $bt_radius; + } + } + } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: $wm_radius; + border-bottom-right-radius: $wm_radius; + border: none; + } + } +} + +// +// Filechooser +// +filechooser { + #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } + + stack.view { + background-color: transparent; + + scrolledwindow { + background-color: $base_color; + border-radius: 0 0 $wm_radius $wm_radius; + + treeview.view { + @extend %view; + background-color: transparent; + } + } + } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +// +// Sidebar +// +.sidebar { + border-style: none; + background-color: $bg_color; + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + list { + background-color: transparent; + + > separator { + min-height: 0; + background: none; + border: none; + } + } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + &.sidebar { + &:dir(ltr) list, + &.left list, + &.left:dir(rtl) list { @extend %sidebar_left; } + + &:dir(rtl) list, + &.right list { @extend %sidebar_right; } + } + + row { + padding: 4px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 24px; + padding: 2px 10px; + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { + padding: 0 10px; + } + + image.sidebar-icon { + &:dir(ltr) { padding-right: 6px; } + &:dir(rtl) { padding-left: 6px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 6px; } + &:dir(rtl) { padding-left: 6px; } + } + + @at-root button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + + > image { opacity: 0.85 }; + + &:active, &:checked { + @include button(flat-active); + border-color: if($variant=='light', rgba(black, 0.3), $dark_borders_color); + } + + &:not(:hover):not(:active) > image { opacity: 0.65 }; + } + + &:selected button.sidebar-button { + @include button(normal); + + &:active, &:checked { + @include button(flat-active); + border-color: if($variant=='light', rgba(black, 0.3), rgba(white, 0.25)); + } + } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: _solid($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + &, label, image { color: $drop_target_color; } + + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + &, label, image { color: $dark_sidebar_fg; } + background-color: $drop_target_color; + } + } + } +} + +// +// Placesview +// +placesview { + .server-list-button > image { + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + // this selects the "connect to server" label + > 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: _solid($borders_color); + background-size: 1px 1px; + + &:selected { background-image: _solid($selected_bg_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: _solid($solid_borders_color), _solid($solid_borders_color); + background-size: 1px 1px, 1px 1px; + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +// +// GtkInfoBar +// + +infobar { + border-style: none; + background-color: $bg_color; + + &.info { background-color: $selected_bg_color; } + &.question { background-color: $suggested_color; } + &.warning { background-color: $warning_color; } + &.error { background-color: $error_color; } + + &.info, + &.question, + &.warning, + &.error { + color: $selected_fg_color; + caret-color: currentColor; + + button { + min-height: 28px; + @extend %selected-button; + } + + selection { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + + *:link { @extend %link_selected; } + } +} + +// +// Buttons on selected backgrounds +// + +%selected-button { + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + background-image: none; + box-shadow: none; + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + background-image: none; + } + + &.flat:disabled { + &, label { color: transparentize($selected_fg_color, 0.6); } + } + + &:hover { + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.5); + box-shadow: none; + } + + &:active, &:active:hover, &:checked { + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 0.6); + border-color: transparentize($selected_fg_color, 0.5); + box-shadow: none; + } + + &:disabled { + &, label { color: transparentize($selected_fg_color, 0.5); } + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.6); + box-shadow: none; + } + + &:disabled:active, &:disabled:checked { + color: $selected_bg_color; + background-color: transparentize($selected_fg_color, 0.5); + border-color: transparentize($selected_fg_color, 0.6); + } +} + +%normal_selected_button { + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + background-image: none; +} + +// +// Tooltips +// +tooltip { + &.background { + &, &.csd { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: lighten($osd_bg_color, 10%); + background-clip: padding-box; + border-radius: $bt_radius; + + label { padding: 4px; } + } + } + + border-radius: $bt_radius; + box-shadow: none; + + decoration { background-color: transparent; } + + * { //Yeah this is ugly + background-color: transparent; + color: $osd_fg_color; // just to be sure + } +} + +// +// Color Chooser +// +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one + // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style + // is applied to the overlay box. + + $_colorswatch-radius: 2px; + + &, &:drop(active) { border-style: none; } + + // border rounding + &.top { + border-top-left-radius: $_colorswatch-radius + 0.5px; + border-top-right-radius: $_colorswatch-radius + 0.5; + + overlay { + border-top-left-radius: $_colorswatch-radius; + border-top-right-radius: $_colorswatch-radius; + } + } + &.bottom { + border-bottom-left-radius: $_colorswatch-radius + 0.5px; + border-bottom-right-radius: $_colorswatch-radius + 0.5; + + overlay { + border-bottom-left-radius: $_colorswatch-radius; + border-bottom-right-radius: $_colorswatch-radius; + } + } + &.left, &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + &.right, &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: transparentize(white, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + &.light overlay { + color: transparentize(black, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.85), $borders_color); + &:hover { background-color: transparentize(white, 0.8) } + } + + &:disabled { + opacity: 0.5; + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath + } +} + +button.color { + padding: 0; + + colorswatch:first-child:last-child { + &, overlay { + margin: 4px; + border-radius: 0; + } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: $bt_radius; } + +// +// Misc +// +//content view (grid/list) +.content-view { + background-color: $base_color; + + &:hover { -gtk-icon-effect: highlight; } + + rubberband { @extend %rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @include button(hover); + } + } +} + +// Decouple the font of context menus from their entry/textview +.context-menu { font: initial; } +.monospace { font-family: Monospace; } + +// +// Shortcuts Help +// +%circular_button, +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; + + &:active, &:checked { + @if $variant=='light' { + @include button(flat-active); + border-color: rgba(black, 0.2); + } + } + + // label { padding: 0; } +} + +.keycap { + min-width: 16px; + min-height: 20px; + + padding: 3px 6px 4px 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid $borders_color; + border-radius: $bt_radius; + box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); +} + +stackswitcher { + button.text-button { min-width: 80px; } + button.circular { + @extend %circular_button; + } +} + +// +// Dnd +// +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px $drop_target_color; +} + +// +// Window Decorations +// + +decoration { + transition: $shadow_transition; + border-radius: if($variant=='light', $wm_radius, $wm_radius); + box-shadow: 0 3px 3px 0 $wm_shadow, + 0 8px 8px 0 $wm_shadow, + 0 16px 16px 0 $wm_shadow, + $wm_border; + + // this is used for the resize cursor area + margin: 6px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows + box-shadow: 0 3px 3px 0 $wm_shadow, + 0 8px 8px 0 transparent, + 0 16px 16px 0 transparent, + $wm_border; + } + + .maximized &, + .fullscreen &, + .tiled &, + .tiled-top &, + .tiled-right &, + .tiled-bottom &, + .tiled-left & { + border-radius: 0; + box-shadow: 0 3px 3px 0 $wm_shadow, $wm_border; + } + + .popup & { + box-shadow: none; + border-radius: $wm_radius; + } + + // server-side decorations as used by mutter + .ssd & { + margin: -5px; + border-radius: $wm_radius $wm_radius 0 0; + box-shadow: 0 0 5px 0 $wm_shadow, $wm_border; + &.maximized { border-radius: 0; } + } + + .csd.popup & { + border-radius: $mn_radius; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), $wm_border; + } + + tooltip.csd & { + border-radius: $wm_radius; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); + } + + messagedialog.csd & { + border-radius: $wm_radius; + } + + .solid-csd & { + border: 1px solid $header_border; + border-radius: 0; + margin: 0; + background-color: $header_bg; + box-shadow: none; + } +} + +// +// Titlebuttons +// +headerbar, +.titlebar { + button.titlebutton { + &.appmenu { + transition: background-color 0.1s $ease-out-quad, + box-shadow 0.1s $ease-out-quad, + background-image 0, + background-size 0; + + color: transparent; + background-image: -gtk-scaled(url("assets/setting#{$asset_suffix}.png"), + url("assets/setting#{$asset_suffix}@2.png")); + background-repeat: no-repeat; + background-position: center; + + image { opacity: 0; } // Make menu button default icon invisible + + &:active, &:checked { + transition: background-color 0.3s $ease-out-quad, + box-shadow 0.3s $ease-out-quad, + background-image 0, + background-size 0; + background-image: -gtk-scaled(url("assets/setting-icon#{$asset_suffix}.png"), + url("assets/setting-icon#{$asset_suffix}@2.png")); + } + + &:backdrop { + background-image: -gtk-scaled(url("assets/setting-icon#{$con_asset_suffix}.png"), + url("assets/setting-icon#{$con_asset_suffix}@2.png")); + } + } + + &.close, &.maximize, &.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; + + &:backdrop { opacity: 1; } + } + + // Load png assets for each button, Fix the Chrome window restore button bug + @each $k in ('close', 'maximize', 'minimize') { + @each $l, $m in ('',''), (':backdrop','-backdrop'), (':backdrop:hover','-backdrop-hover'), (':hover','-hover'), (':active','-active') { + &.#{$k}#{$l} { + background-image: -gtk-scaled(url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}.png'), + url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}@2.png')); + } + } + } + } + + .fullscreen &, + .maximized & { + button.titlebutton { + @each $l, $m in ('',''), (':backdrop','-backdrop'), (':backdrop:hover','-backdrop-hover'), (':hover','-hover'), (':active','-active') { + &.maximize#{$l} { + background-image: -gtk-scaled(url('windows-assets/titlebutton-restore#{$m}#{$asset_suffix}.png'), + url('windows-assets/titlebutton-restore#{$m}#{$asset_suffix}@2.png')); + } + } + } + } +} + +// catch all extend +%selected_items { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } +} + +%nobg_selected_items { + color: $selected_fg_color; + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: $wm_radius; + + entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; + + &, &:focus, &:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid $borders_color; + } + } + + scrolledwindow { + border-bottom: 1px solid $borders_color; + + &.view { + background: none; + } + } +} + +// mimic tab style +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: $wm_radius; + border: none; + outline-offset: -2px; + box-shadow: none; + // &:first-child { border-radius: 0 0 0 $wm_radius; } + // &:last-child { border-radius: 0 0 $wm_radius 0; } +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; + // font-size: large; + + widget { + transition: $shorter_transition; + + &:hover { font-size: larger; } + } +} diff --git a/src/sass/gtk/_drawing.scss b/src/sass/gtk/_drawing.scss new file mode 100644 index 0000000..ccdca91 --- /dev/null +++ b/src/sass/gtk/_drawing.scss @@ -0,0 +1,463 @@ +// Animations +$switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, + $selected_bg_color 0%, + transparent 0%); + } + + to { + background-image: radial-gradient(circle farthest-corner at center, + $selected_bg_color 100%, + transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, + $header_bg 0%, + transparent 0%); + } + + to { + background-image: radial-gradient(circle farthest-corner at center, + $header_bg 100%, + transparent 0%); + } +} + +// Drawing mixins + +// Solid color image +@function _solid($c) { + @return linear-gradient(to bottom, $c, $c); +} + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + background-color: $entry_bg; + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + background-color: $entry_bg; + box-shadow: inset 0 0 0 2px $entry_highlight; + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $disabled_fg_color; + background-color: rgba($entry_bg, 0.02); + } + + @if $t==header-normal { + // + // normal header-bar entry + // + color: $header_fg; + background-color: $entry_bg; + box-shadow: none; + + image, image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + // border-color: $selection_mode_bg; + background-image: none; + background-color: $entry_bg; + box-shadow: inset 0 0 0 2px $entry_highlight; + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + color: rgba($header_fg, 0.35); + background-color: rgba($entry_bg, 0.02); + } + + @else if $t==osd { + // + // normal osd entry + // + color: $osd_fg_color; + border-color: $osd_entry_border; + background-color: $osd_entry_bg; + + image, image:hover { color: inherit; } + } + + @else if $t==osd-focus { + // + // active osd entry + // + color: $selected_fg_color; + border-color: darken($selection_mode_bg, 5%); + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd entry + // + color: $osd_fg_color; + background-color: transparentize($osd_entry_bg, 0.15); + } +} + +// Buttons + +@mixin button($t, $actionb_bg:red, $actionb_fg: green) { +// +// Button drawing function +// +// $t: button type, +// $actionb_bg, $actionb_fg: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + border-color: $button_borders; + background-color: $button_bg; + @if $variant=='light' { box-shadow: $shadow_3; } + @if $variant=='dark' { + box-shadow: inset 0 1px $button_highlight, inset 0 -1px rgba(white, 0.02), $shadow_3; + } + } + + @else if $t==hover { + // + // hovered button + // + color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); + border-color: $button_borders_hover; + background-color: if($variant=='light', darken($button_bg, 3%), lighten($button_bg, 3%)); + @if $variant=='light' { box-shadow: none; } + @if $variant=='dark' { + box-shadow: inset 0 1px rgba($button_highlight, 0.12), $shadow_3; + } + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + background-color: $selected_bg_color; + border-color: if($variant=='light', $selected_bg_color, $dark_borders_color); + @if $variant=='light' { box-shadow: none; } + } + + @else if $t==insensitive { + // + // insensitive button + // + label, & { color: $disabled_fg_color; } + + border-color: if($variant == 'light', $button_border, $dark_borders_color); + background-color: rgba($button_bg, 0.55); + @if $variant=='light' { box-shadow: $shadow_3; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + label, & { color: transparentize($selected_fg_color, 0.45); } + + border-color: if($variant == 'light', transparentize($selected_bg_color, 1), $dark_borders_color); + background-color: transparentize($selected_bg_color, 0.45); + @if $variant=='light' { box-shadow: none; } + + opacity: 0.6; + } + + @if $t==flat-normal { + // + // normal button + // + border: none; + background-color: transparent; + box-shadow: none; + background-clip: if($variant=='light', border-box, padding-box); + } + + @else if $t==flat-hover { + // + // hovered button + // + color: darken($fg_color, 10%); + background-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); + background-image: none; + box-shadow: none; + // border-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); + } + + @else if $t==flat-active { + // + // pushed button + // + background-image: none; + color: $selected_fg_color; + background-color: if($variant=='light', rgba(black, 0.5), rgba(white, 0.25)); + } + + @else if $t==flat-checked { + // + // pushed button + // + background-image: none; + color: $selected_fg_color; + background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); + } + + @else if $t==flat-insensitive { + // + // insensitive button + // + label, & { color: $disabled_fg_color; } + + background-color: transparent; +// border: none; + } + + @else if $t==flat-insensitive-active { + // + // insensitive pushed button + // + label, & { color: transparentize($selected_fg_color, 0.2); } + + background-color: lighten($fg_color, 20%); + opacity: 0.6; + } + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: darken($header_fg, 2%); + background-color: rgba($header_fg, 0.1); + background-image: none; + box-shadow: none; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $header_fg; + background-color: rgba($header_fg, 0.25); + background-image: none; + box-shadow: none; + } + + @else if $t==header-checked { + // + // pushed header-bar button + // + color: $header_fg; + background-color: rgba($header_fg, 0.12); + background-image: none; + box-shadow: none; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + label, & { color: rgba($header_fg, 0.35); } + background: none; + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: rgba($header_fg, 0.35); + background-color: transparent; + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border-color: $osd_button_border; + background-color: $osd_button_bg; + box-shadow: none; + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $osd_fg_color; + border-color: $osd_button_border; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + box-shadow: none; + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + border-color: if($variant == 'light', $selected_bg_color, $osd_button_border); + background-color: $selected_bg_color; + background-image: none; + box-shadow: none; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_disabled_fg_color; + border-color: $osd_button_border; + background-color: transparentize($osd_button_bg, 0.15); + box-shadow: none; + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + @if $variant == 'light' { background-clip: border-box; } + + color: $actionb_fg; + background-color: $actionb_bg; + border-color: if($variant == 'light', darken($actionb_bg, 6%), $dark_borders_color); + background-image: none; + box-shadow: if($variant=='light', none, (inset 0 1px rgba(white, 0.15), inset 0 -1px rgba(white, 0.03))); + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_gradient_size; + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; +} diff --git a/src/sass/gtk/_granite.scss b/src/sass/gtk/_granite.scss new file mode 100644 index 0000000..a564d55 --- /dev/null +++ b/src/sass/gtk/_granite.scss @@ -0,0 +1,218 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + label { color: $selected_fg_color; } +} + +// +// Thin Pane Separator +// +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid $borders_color; + border-right: 1px solid $borders_color; + +} + +// avoid borders when a viewport is +// packed into a Static Notebook, or Popover +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +// +// Help Button +// +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +// +// Secondary Toolbars +// +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: $borders_color; + background-color: $bg_color; + + button { padding: 2px 3px 2px 3px; } +} + +// +// Sidebar & Source List +// +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: $bg_color; + color: $fg_color; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: $selected_fg_color; + color: $selected_bg_color; +} + +// +// Expander +// +.source-list.category-expander { + color: $fg_color; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +// +// Welcome +// +GraniteWidgetsWelcome { + background-color: $base_color; +} + +GraniteWidgetsWelcome label { + color: mix($fg_color, $bg_color, 50%); + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: transparentize($fg_color, 0.2); +} + +// +// Help Button +// +.help_button { + border-radius: 0; +} + +// +// Popover +// +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid transparentize(black, 0.7); + margin: 0; +} + +.popover_bg { + background-image: _solid($base_color); + border: 1px solid transparentize(black, 0.7); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +// +// Xs Entry +// +GraniteWidgetsXsEntry entry { padding: 4px; } + +// +// Text Styles +// +.h1 { font-size: 24px; } +.h2 { font-size: 18px; } +.h3 { font-size: 11px; } +.h4, +.category-label { + color: mix($bg_color, $text_color, 30%); + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/src/sass/gtk/_lightdm.scss b/src/sass/gtk/_lightdm.scss new file mode 100644 index 0000000..a9ab2fd --- /dev/null +++ b/src/sass/gtk/_lightdm.scss @@ -0,0 +1,109 @@ +// the panel widget at the top +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font-weight: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + // the menubars/menus of the panel, i.e. indicators + menubar { + padding-left: 5px; + + &, > menuitem { + background-color: transparent; + color: $panel_fg; + font-weight: bold; + } + } + + menubar menuitem:disabled { + color: transparentize($panel_fg, 0.5); + + label { color: inherit; } + } + menubar menu > menuitem { font-weight: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $header_bg); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font-size: 13px; + + menu { font-weight: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} diff --git a/src/sass/gtk/_transparent_widgets.scss b/src/sass/gtk/_transparent_widgets.scss new file mode 100644 index 0000000..90066e1 --- /dev/null +++ b/src/sass/gtk/_transparent_widgets.scss @@ -0,0 +1,216 @@ +//.nemo-window GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +//.nemo-window, +filechooser, +.nautilus-window { + paned > separator { // Use paned separator to hide stack border-bottom-left-radius + border: none; + background-color: transparent; + background-image: image($base_color); + background-size: 8px 8px; + background-position: left bottom; + + &:dir(ltr) { margin-left: -1px; } + &:dir(rtl) { margin-right: -1px; } + } +} + +.nautilus-window { + paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; + } +} + + +filechooser placessidebar.sidebar.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); } + +// transparent sidebars +%placessidebar, +filechooser, +.nautilus-window { + + &.csd.background, placessidebar list { background-color: transparent; } + &.csd.background, placessidebar { background-color: transparent; } + + placessidebar.sidebar { + border: none; + background-color: transparent; + max-width: $nautilus_sidebar_size; + min-width: $nautilus_sidebar_size; + width: $nautilus_sidebar_size; + + row.sidebar-row { + color: $dark_sidebar_fg; + background-color: transparent; + transition: background-image 0; + + .sidebar-icon { color: $selected_bg_color; } + + &.has-open-popup, + &:disabled { + &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } + } + + &:backdrop { opacity: 0.85; } + + &:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover#{$asset_suffix}.png"), url("assets/sidebar-view-hover#{$asset_suffix}@2.png")); + } + + &:active, &:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 180px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active#{$asset_suffix}.png"), url("assets/sidebar-view-active#{$asset_suffix}@2.png")); + } + + &:selected.has-open-popup, + &:selected, &:selected:hover { + color: $fg_color; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 180px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked#{$asset_suffix}.png"), url("assets/sidebar-view-checked#{$asset_suffix}@2.png")); + + &, label { color: $fg_color; } + } + + &.sidebar-new-bookmark-row { + color: $selected_bg_color; + + .sidebar-icon { color: inherit; } + } + + &:drop(active):not(:disabled) { + &, label, .sidebar-icon { color: $dark_sidebar_fg; } + + &:selected { + &, label, .sidebar-icon { color: $dark_sidebar_fg; } + background-color: $drop_target_color; + } + } + } + + separator { background-color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + + &.maximized headerbar, + &.maximized placessidebar { border-radius: 0; } + + placesview { + actionbar.background { border-radius: 0 0 $wm_radius 0; } + } +} + +filechooser { + actionbar { + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + border-color: $borders_color; + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } + + box#pathbarbox.view { + stack { + entry.search { + &, &:focus { + background-color: darken($entry_bg, 2%); + } + + &:disabled { + background-color: rgba(darken($entry_bg, 2%), 0.55); + } + } + } + } + + box.vertical > paned > separator { // Use paned separator to hide stack border-bottom-left-radius + border: none; + background-color: transparent; + background-image: image($base_color); + background-size: 8px 8px; + background-position: left bottom; + + &:dir(ltr) { margin-left: -1px; } + &:dir(rtl) { margin-right: -1px; } + } +} + +.caja-side-pane { + &, text, treeview, + > notebook > stack > widget > box { + color: $dark_sidebar_fg; + caret-color: $dark_sidebar_fg; + background-color: opacify($dark_sidebar_bg, 1); + } + + > box button { + &:not(:active):not(:checked) { color: $dark_sidebar_fg; } + // &:hover:not(:active) { @include button(hover); } + } + + .frame { border-color: $borders_color; } + + scrollbar { @extend %dark_sidebar_scrollbar; } + junction { background-color: darken($dark_sidebar_bg, 5%); } +} + +%dark_sidebar_button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +%dark_sidebar_entry { + @include entry(normal); + + &:focus { @include entry(focus); } + &:disabled { @include entry(insensitive); } +} + +%dark_sidebar_scrollbar { + + border-color: transparent; + + &.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(lighten($dark_sidebar_fg, 15%), 0.35); + border: none; + } + + slider { + min-width: 4px; + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:hover:active { background-color: $header_button_checked_bg; } + + &:disabled { + background-color: transparent; + } + } + + trough { background-color: transparent; } +} diff --git a/src/sass/gtk/_unity.scss b/src/sass/gtk/_unity.scss new file mode 100644 index 0000000..8e9fa6b --- /dev/null +++ b/src/sass/gtk/_unity.scss @@ -0,0 +1,160 @@ +// Decorations +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; + + &.background { border-radius: $wm_radius; background-color: transparent; } + + .top { + border: 1px solid $borders_color; + border-bottom-width: 0; + border-radius: $wm_radius $wm_radius 0 0; + padding: 1px 6px 0 6px; + + background-color: $header_bg; + color: $header_fg; // The foreground color will be used to paint the text + + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { + border-bottom-width: 0; + //background-image: _solid(opacify($header_bg_backdrop, 1)); + color: transparentize($header_fg, 0.3); + } + } + .left, .right, .bottom, + .left:backdrop, .right:backdrop, .bottom:backdrop { + background-color: $borders_color; + } +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-color: rgba($panel_bg, 0.95); + color: lighten($panel_fg, 20%); + box-shadow: none; + + &:backdrop { color: lighten($panel_fg, 1%); } +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_fg_color; + background-image: _solid($selected_bg_color); + border-bottom: none; +} + +// Unity Greeter +.lightdm.menu { + background-image: none; + background-color: transparentize(black, 0.6); + border-color: transparentize(white, 0.2); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: lighten($header_bg, 8); + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: transparentize(white, 0.2); + background-image: none; + background-color: transparentize(black, 0.5); + + & > .menuitem { + padding: 2px 6px; + } +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: transparentize(black, 0.7); + border-color: transparentize(white, 0.6); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: transparentize(white, 0.9); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: transparentize(white, 0.2); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; + + &.selected { + background-color: transparentize(black, 0.3); + border-width: 1px; + } +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +}